/* rise-work.css — generated by scripts/extract-rise-work-css.mjs
   Source: riseatseven.com/work/us-grocery-retailer (scraped 2026-10-14)
   All selectors scoped under .rise-work. Fonts: saans -> Host Grotesk. */

:root,:host {
--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-600:oklch(57.7% .245 27.325);--color-slate-100:oklch(96.8% .007 247.896);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.375rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3.125rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.6875rem;--text-7xl--line-height:1;--text-8xl:6.25rem;--text-8xl--line-height:1;--text-9xl:9rem;--text-9xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.035em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--default-transition-duration:.6s;--default-transition-timing-function:cubic-bezier(.135,.9,.15,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grey-50:#f7f7f7;--color-grey-100:#efeeec;--color-grey-150:#e9e9e9;--color-grey-200:#bebebe;--color-grey-300:#6a6a6a;--color-grey-400:#282828;--color-grey-500:#1f1f1f;--color-grey-600:#1a1a1a;--color-grey-800:#121212;--color-grey-900:#111212;--color-mint:#b2f6e3;--mask-colour:#b2f6e3;--text-2xs:.5rem;--text-1xs:.675rem;--text-md:1.063rem;--text-7\.5xl:5.625rem;--text-8\.5xl:7.5rem;--text-9\.5xl:10.5rem;--text-10xl:13.75rem;--tracking-tightish:-.025em;--leading-0\.9:.9;--font-sans-primary:"saans",ui-sans-serif,system-ui,sans-serif;--ease-smooth:cubic-bezier(.135,.9,.15,1);--animate-grow:animate-grow 10s linear;--aspect-20\/9:20/9;--aspect-16\/9:16/9;--aspect-9\/16:9/16;--aspect-4\/3:4/3;--aspect-1\/1:1/1;--spacing-screen-fix:calc(var(--vh,1vh)*100);--spacing-screen-fix-110:calc(var(--vh,1vh)*110)
}

.rise-work, .rise-work *,
.rise-work :after,
.rise-work :before,
.rise-work ::backdrop {
box-sizing:border-box;border:0 solid;margin:0;padding:0
}

.rise-work ::file-selector-button {
box-sizing:border-box;border:0 solid;margin:0;padding:0
}

.rise-work,
.rise-work :host {
-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent
}

.rise-work hr {
height:0;color:inherit;border-top-width:1px
}

.rise-work abbr:where([title]) {
-webkit-text-decoration:underline dotted;text-decoration:underline dotted
}

.rise-work h1,
.rise-work h2,
.rise-work h3,
.rise-work h4,
.rise-work h5,
.rise-work h6 {
font-size:inherit;font-weight:inherit
}

.rise-work a {
color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit
}

.rise-work b,
.rise-work strong {
font-weight:bolder
}

.rise-work code,
.rise-work kbd,
.rise-work samp,
.rise-work pre {
font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em
}

.rise-work small {
font-size:80%
}

.rise-work sub,
.rise-work sup {
vertical-align:baseline;font-size:75%;line-height:0;position:relative
}

.rise-work sub {
bottom:-.25em
}

.rise-work sup {
top:-.5em
}

.rise-work table {
text-indent:0;border-color:inherit;border-collapse:collapse
}

.rise-work :-moz-focusring {
outline:auto
}

.rise-work progress {
vertical-align:baseline
}

.rise-work summary {
display:list-item
}

.rise-work ol,
.rise-work ul,
.rise-work menu {
list-style:none
}

.rise-work img,
.rise-work svg,
.rise-work video,
.rise-work canvas,
.rise-work audio,
.rise-work iframe,
.rise-work embed,
.rise-work object {
vertical-align:middle;display:block
}

.rise-work img,
.rise-work video {
max-width:100%;height:auto
}

.rise-work button,
.rise-work input,
.rise-work select,
.rise-work optgroup,
.rise-work textarea {
font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0
}

.rise-work ::file-selector-button {
font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0
}

.rise-work :where(select:is([multiple],
.rise-work [size])) optgroup {
font-weight:bolder
}

.rise-work :where(select:is([multiple],
.rise-work [size])) optgroup option {
padding-inline-start:20px
}

.rise-work ::file-selector-button {
margin-inline-end:4px
}

.rise-work ::placeholder {
opacity:1
}

@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
.rise-work ::placeholder {
color:currentColor
}
@supports (color:color-mix(in lab,red,red)) {
.rise-work ::placeholder {
color:color-mix(in oklab,currentcolor 50%,transparent)
}
}
}

.rise-work textarea {
resize:vertical
}

.rise-work ::-webkit-search-decoration {
-webkit-appearance:none
}

.rise-work ::-webkit-date-and-time-value {
min-height:1lh;text-align:inherit
}

.rise-work ::-webkit-datetime-edit {
display:inline-flex
}

.rise-work ::-webkit-datetime-edit-fields-wrapper {
padding:0
}

.rise-work ::-webkit-datetime-edit {
padding-block:0
}

.rise-work ::-webkit-datetime-edit-year-field {
padding-block:0
}

.rise-work ::-webkit-datetime-edit-month-field {
padding-block:0
}

.rise-work ::-webkit-datetime-edit-day-field {
padding-block:0
}

.rise-work ::-webkit-datetime-edit-hour-field {
padding-block:0
}

.rise-work ::-webkit-datetime-edit-minute-field {
padding-block:0
}

.rise-work ::-webkit-datetime-edit-second-field {
padding-block:0
}

.rise-work ::-webkit-datetime-edit-millisecond-field {
padding-block:0
}

.rise-work ::-webkit-datetime-edit-meridiem-field {
padding-block:0
}

.rise-work :-moz-ui-invalid {
box-shadow:none
}

.rise-work button,
.rise-work input:where([type=button],
.rise-work [type=reset],
.rise-work [type=submit]) {
-webkit-appearance:button;-moz-appearance:button;appearance:button
}

.rise-work ::file-selector-button {
-webkit-appearance:button;-moz-appearance:button;appearance:button
}

.rise-work ::-webkit-inner-spin-button {
height:auto
}

.rise-work ::-webkit-outer-spin-button {
height:auto
}

.rise-work [hidden]:where(:not([hidden=until-found])) {
display:none!important
}

.rise-work .absolute {
position:absolute
}

.rise-work .relative {
position:relative
}

.rise-work .inset-0 {
inset:calc(var(--spacing)*0)
}

.rise-work .inset-5 {
inset:calc(var(--spacing)*5)
}

.rise-work .top-0 {
top:calc(var(--spacing)*0)
}

.rise-work .left-0 {
left:calc(var(--spacing)*0)
}

.rise-work .z-0 {
z-index:0
}

.rise-work .z-10 {
z-index:10
}

.rise-work .z-20 {
z-index:20
}

.rise-work .z-30 {
z-index:30
}

.rise-work .col-span-8 {
grid-column:span 8/span 8
}

.rise-work .col-span-11 {
grid-column:span 11/span 11
}

.rise-work .col-span-12 {
grid-column:span 12/span 12
}

.rise-work .col-span-18 {
grid-column:span 18/span 18
}

.rise-work .col-span-20 {
grid-column:span 20/span 20
}

.rise-work .col-start-1 {
grid-column-start:1
}

.rise-work .row-start-1 {
grid-row-start:1
}

.rise-work .my-5 {
margin-block:calc(var(--spacing)*5)
}

.rise-work .mt-1 {
margin-top:calc(var(--spacing)*1)
}

.rise-work .mt-3 {
margin-top:calc(var(--spacing)*3)
}

.rise-work .mt-5 {
margin-top:calc(var(--spacing)*5)
}

.rise-work .mb-0\! {
margin-bottom:calc(var(--spacing)*0)!important
}

.rise-work .mb-0\.5 {
margin-bottom:calc(var(--spacing)*.5)
}

.rise-work .mb-4 {
margin-bottom:calc(var(--spacing)*4)
}

.rise-work .mb-5 {
margin-bottom:calc(var(--spacing)*5)
}

.rise-work .block {
display:block
}

.rise-work .flex {
display:flex
}

.rise-work .grid {
display:grid
}

.rise-work .hidden {
display:none
}

.rise-work .inline-block {
display:inline-block
}

.rise-work .inline-flex {
display:inline-flex
}

.rise-work .aspect-20\/9 {
aspect-ratio:var(--aspect-20\/9)
}

.rise-work .h-\[60vw\] {
height:60vw
}

.rise-work .h-\[calc\(100svh-6rem\)\] {
height:calc(100svh - 6rem)
}

.rise-work .h-full {
height:100%
}

.rise-work .w-1\/2 {
width:50%
}

.rise-work .w-16 {
width:calc(var(--spacing)*16)
}

.rise-work .w-full {
width:100%
}

.rise-work .max-w-4xl {
max-width:var(--container-4xl)
}

.rise-work .max-w-md {
max-width:var(--container-md)
}

.rise-work .shrink-0 {
flex-shrink:0
}

.rise-work .translate-y-6 {
--tw-translate-y:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)
}

.rise-work .cursor-pointer {
cursor:pointer
}

.rise-work .list-outside {
list-style-position:outside
}

.rise-work .grid-cols-12 {
grid-template-columns:repeat(12,minmax(0,1fr))
}

.rise-work .grid-cols-20 {
grid-template-columns:repeat(20,minmax(0,1fr))
}

.rise-work .flex-col {
flex-direction:column
}

.rise-work .flex-col-reverse {
flex-direction:column-reverse
}

.rise-work .flex-row-reverse {
flex-direction:row-reverse
}

.rise-work .flex-wrap {
flex-wrap:wrap
}

.rise-work .items-center {
align-items:center
}

.rise-work .items-end {
align-items:flex-end
}

.rise-work .items-start {
align-items:flex-start
}

.rise-work .justify-between {
justify-content:space-between
}

.rise-work .justify-center {
justify-content:center
}

.rise-work .justify-end {
justify-content:flex-end
}

.rise-work .justify-start {
justify-content:flex-start
}

.rise-work .gap-1 {
gap:calc(var(--spacing)*1)
}

.rise-work .gap-2 {
gap:calc(var(--spacing)*2)
}

.rise-work .gap-x-0\.5 {
column-gap:calc(var(--spacing)*.5)
}

.rise-work .gap-x-2 {
column-gap:calc(var(--spacing)*2)
}

.rise-work .gap-x-2\.5 {
column-gap:calc(var(--spacing)*2.5)
}

.rise-work .gap-x-3 {
column-gap:calc(var(--spacing)*3)
}

.rise-work .gap-x-10 {
column-gap:calc(var(--spacing)*10)
}

.rise-work .gap-y-2 {
row-gap:calc(var(--spacing)*2)
}

.rise-work .gap-y-3 {
row-gap:calc(var(--spacing)*3)
}

.rise-work .gap-y-5 {
row-gap:calc(var(--spacing)*5)
}

.rise-work .overflow-hidden {
overflow:hidden
}

.rise-work .rounded-2xl {
border-radius:var(--radius-2xl)
}

.rise-work .rounded-3xl {
border-radius:var(--radius-3xl)
}

.rise-work .rounded-full {
border-radius:3.40282e38px
}

.rise-work .rounded-md {
border-radius:var(--radius-md)
}

.rise-work .rounded-xl {
border-radius:var(--radius-xl)
}

.rise-work .border {
border-style:var(--tw-border-style);border-width:1px
}

.rise-work .border-transparent {
border-color:#0000
}

.rise-work .bg-grey-100 {
background-color:var(--color-grey-100)
}

.rise-work .bg-grey-900 {
background-color:var(--color-grey-900)
}

.rise-work .bg-grey-900\/40 {
background-color:#11121266
}

@supports (color:color-mix(in lab,red,red)) {
.rise-work .bg-grey-900\/40 {
background-color:color-mix(in oklab,var(--color-grey-900)40%,transparent)
}
}

.rise-work .bg-mint {
background-color:var(--color-mint)
}

.rise-work .bg-white {
background-color:var(--color-white)
}

.rise-work .bg-white\/15 {
background-color:#ffffff26
}

@supports (color:color-mix(in lab,red,red)) {
.rise-work .bg-white\/15 {
background-color:color-mix(in oklab,var(--color-white)15%,transparent)
}
}

.rise-work .bg-white\/20 {
background-color:#fff3
}

@supports (color:color-mix(in lab,red,red)) {
.rise-work .bg-white\/20 {
background-color:color-mix(in oklab,var(--color-white)20%,transparent)
}
}

.rise-work .bg-linear-to-t {
--tw-gradient-position:to top
}

@supports (background-image:linear-gradient(in lab,red,red)) {
.rise-work .bg-linear-to-t {
--tw-gradient-position:to top in oklab
}
}

.rise-work .bg-linear-to-t {
background-image:linear-gradient(var(--tw-gradient-stops))
}

.rise-work .from-black {
--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

.rise-work .fill-current {
fill:currentColor
}

.rise-work .object-contain {
object-fit:contain
}

.rise-work .object-cover {
object-fit:cover
}

.rise-work .p-3 {
padding:calc(var(--spacing)*3)
}

.rise-work .p-5 {
padding:calc(var(--spacing)*5)
}

.rise-work .px-0 {
padding-inline:calc(var(--spacing)*0)
}

.rise-work .px-1 {
padding-inline:calc(var(--spacing)*1)
}

.rise-work .px-2 {
padding-inline:calc(var(--spacing)*2)
}

.rise-work .px-3\.5 {
padding-inline:calc(var(--spacing)*3.5)
}

.rise-work .px-4 {
padding-inline:calc(var(--spacing)*4)
}

.rise-work .px-5 {
padding-inline:calc(var(--spacing)*5)
}

.rise-work .py-0 {
padding-block:calc(var(--spacing)*0)
}

.rise-work .py-0\.5 {
padding-block:calc(var(--spacing)*.5)
}

.rise-work .py-1 {
padding-block:calc(var(--spacing)*1)
}

.rise-work .py-2\.5 {
padding-block:calc(var(--spacing)*2.5)
}

.rise-work .py-5 {
padding-block:calc(var(--spacing)*5)
}

.rise-work .py-12 {
padding-block:calc(var(--spacing)*12)
}

.rise-work .pt-4 {
padding-top:calc(var(--spacing)*4)
}

.rise-work .pr-10 {
padding-right:calc(var(--spacing)*10)
}

.rise-work .pb-2 {
padding-bottom:calc(var(--spacing)*2)
}

.rise-work .pb-12 {
padding-bottom:calc(var(--spacing)*12)
}

.rise-work .pl-8 {
padding-left:calc(var(--spacing)*8)
}

.rise-work .text-left {
text-align:left
}

.rise-work .align-middle {
vertical-align:middle
}

.rise-work .\!font-sans-primary {
font-family:var(--font-sans-primary)!important
}

.rise-work .font-sans-primary {
font-family:var(--font-sans-primary)
}

.rise-work .text-2xl\/none {
font-size:var(--text-2xl);line-height:1
}

.rise-work .text-3xl {
font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))
}

.rise-work .text-3xl\/none {
font-size:var(--text-3xl);line-height:1
}

.rise-work .text-5xl\/none {
font-size:var(--text-5xl);line-height:1
}

.rise-work .text-base {
font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))
}

.rise-work .text-base\/tight {
font-size:var(--text-base);line-height:var(--leading-tight)
}

.rise-work .text-lg\/tight {
font-size:var(--text-lg);line-height:var(--leading-tight)
}

.rise-work .text-md\/tight {
font-size:var(--text-md);line-height:var(--leading-tight)
}

.rise-work .text-sm {
font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))
}

.rise-work .text-xs {
font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))
}

.rise-work .leading-none {
--tw-leading:1;line-height:1
}

.rise-work .leading-normal {
--tw-leading:var(--leading-normal);line-height:var(--leading-normal)
}

.rise-work .leading-tight {
--tw-leading:var(--leading-tight);line-height:var(--leading-tight)
}

.rise-work .font-medium {
--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)
}

.rise-work .tracking-tight {
--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)
}

.rise-work .tracking-tightish {
--tw-tracking:var(--tracking-tightish);letter-spacing:var(--tracking-tightish)
}

.rise-work .text-balance {
text-wrap:balance
}

.rise-work .text-pretty {
text-wrap:pretty
}

.rise-work .break-words {
overflow-wrap:break-word
}

.rise-work .text-current {
color:currentColor
}

.rise-work .text-grey-300 {
color:var(--color-grey-300)
}

.rise-work .text-grey-900 {
color:var(--color-grey-900)
}

.rise-work .text-white {
color:var(--color-white)
}

.rise-work .capitalize {
text-transform:capitalize
}

.rise-work .opacity-50 {
opacity:.5
}

.rise-work .backdrop-blur-sm {
--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
}

.rise-work .transition {
transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))
}

.rise-work .transition-all {
transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))
}

.rise-work .transition-opacity {
transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))
}

.rise-work .\!ease-smooth {
--tw-ease:var(--ease-smooth)!important;transition-timing-function:var(--ease-smooth)!important
}

.rise-work .marker\:text-grey-900 ::marker {
color:var(--color-grey-900)
}

.rise-work .marker\:text-grey-900::marker {
color:var(--color-grey-900)
}

.rise-work .marker\:text-grey-900 ::-webkit-details-marker {
color:var(--color-grey-900)
}

.rise-work .marker\:text-grey-900::-webkit-details-marker {
color:var(--color-grey-900)
}

.rise-work .focus\:outline:focus {
outline-style:var(--tw-outline-style);outline-width:1px
}

.rise-work .focus\:outline-offset-2:focus {
outline-offset:2px
}

.rise-work .focus\:outline-white:focus {
outline-color:var(--color-white)
}

@media (prefers-reduced-motion:no-preference) {
.rise-work .motion-safe\:transition {
transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))
}
}

@media (min-width:768px) {
.rise-work .md\:col-span-3 {
grid-column:span 3/span 3
}
.rise-work .md\:col-span-4 {
grid-column:span 4/span 4
}
.rise-work .md\:col-span-6 {
grid-column:span 6/span 6
}
.rise-work .md\:col-span-9 {
grid-column:span 9/span 9
}
.rise-work .md\:flex {
display:flex
}
.rise-work .md\:hidden {
display:none
}
.rise-work .md\:h-\[30vw\] {
height:30vw
}
.rise-work .md\:h-\[40vw\] {
height:40vw
}
.rise-work .md\:w-auto {
width:auto
}
.rise-work .md\:flex-1 {
flex:1
}
.rise-work .md\:flex-row {
flex-direction:row
}
.rise-work .md\:items-center {
align-items:center
}
.rise-work .md\:justify-end {
justify-content:flex-end
}
.rise-work .md\:gap-x-5 {
column-gap:calc(var(--spacing)*5)
}
.rise-work .md\:gap-y-5 {
row-gap:calc(var(--spacing)*5)
}
.rise-work .md\:gap-y-7 {
row-gap:calc(var(--spacing)*7)
}
.rise-work .md\:border-b {
border-bottom-style:var(--tw-border-style);border-bottom-width:1px
}
.rise-work .md\:border-grey-200 {
border-color:var(--color-grey-200)
}
.rise-work .md\:px-7 {
padding-inline:calc(var(--spacing)*7)
}
.rise-work .md\:pb-5 {
padding-bottom:calc(var(--spacing)*5)
}
}

@media (min-width:1024px) {
.rise-work .lg\:inset-10 {
inset:calc(var(--spacing)*10)
}
.rise-work .lg\:col-span-3 {
grid-column:span 3/span 3
}
.rise-work .lg\:col-span-10 {
grid-column:span 10/span 10
}
.rise-work .lg\:col-span-14 {
grid-column:span 14/span 14
}
.rise-work .lg\:col-start-5 {
grid-column-start:5
}
.rise-work .lg\:-my-4 {
margin-block:calc(var(--spacing)*-4)
}
.rise-work .lg\:mt-0 {
margin-top:calc(var(--spacing)*0)
}
.rise-work .lg\:mt-12 {
margin-top:calc(var(--spacing)*12)
}
.rise-work .lg\:mb-2 {
margin-bottom:calc(var(--spacing)*2)
}
.rise-work .lg\:grid {
display:grid
}
.rise-work .lg\:hidden {
display:none
}
.rise-work .lg\:h-\[70vw\] {
height:70vw
}
.rise-work .lg\:h-\[calc\(100svh-12rem\)\] {
height:calc(100svh - 12rem)
}
.rise-work .lg\:w-24 {
width:calc(var(--spacing)*24)
}
.rise-work .lg\:w-auto {
width:auto
}
.rise-work .lg\:grid-cols-2 {
grid-template-columns:repeat(2,minmax(0,1fr))
}
.rise-work .lg\:flex-row {
flex-direction:row
}
.rise-work .lg\:items-end {
align-items:flex-end
}
.rise-work .lg\:justify-between {
justify-content:space-between
}
.rise-work .lg\:gap-y-12 {
row-gap:calc(var(--spacing)*12)
}
.rise-work .lg\:rounded-3xl {
border-radius:var(--radius-3xl)
}
.rise-work .lg\:p-5 {
padding:calc(var(--spacing)*5)
}
.rise-work .lg\:p-7 {
padding:calc(var(--spacing)*7)
}
.rise-work .lg\:pr-0 {
padding-right:calc(var(--spacing)*0)
}
.rise-work .lg\:pr-10 {
padding-right:calc(var(--spacing)*10)
}
.rise-work .lg\:text-3xl {
font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))
}
.rise-work .lg\:text-4xl\/none {
font-size:var(--text-4xl);line-height:1
}
.rise-work .lg\:text-5xl\/none {
font-size:var(--text-5xl);line-height:1
}
.rise-work .lg\:text-6xl\/none {
font-size:var(--text-6xl);line-height:1
}
.rise-work .lg\:text-base {
font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))
}
.rise-work .lg\:text-lg\/tight {
font-size:var(--text-lg);line-height:var(--leading-tight)
}
.rise-work .lg\:text-balance {
text-wrap:balance
}
}

@media (min-width:1280px) {
.rise-work .xl\:p-10 {
padding:calc(var(--spacing)*10)
}
.rise-work .xl\:py-24 {
padding-block:calc(var(--spacing)*24)
}
.rise-work .xl\:pb-24 {
padding-bottom:calc(var(--spacing)*24)
}
.rise-work .xl\:text-2xl\/none {
font-size:var(--text-2xl);line-height:1
}
.rise-work .xl\:text-3xl\/none {
font-size:var(--text-3xl);line-height:1
}
.rise-work .xl\:text-4xl\/none {
font-size:var(--text-4xl);line-height:1
}
.rise-work .xl\:text-5xl\/none {
font-size:var(--text-5xl);line-height:1
}
.rise-work .xl\:text-6xl\/none {
font-size:var(--text-6xl);line-height:1
}
.rise-work .xl\:text-7xl\/0\.9 {
font-size:var(--text-7xl);line-height:var(--leading-0\.9)
}
.rise-work .xl\:text-xl\/tight {
font-size:var(--text-xl);line-height:var(--leading-tight)
}
}

@media (min-width:1700px) {
.rise-work .\33xl\:h-\[25vw\] {
height:25vw
}
.rise-work .\33xl\:text-6xl\/none {
font-size:var(--text-6xl);line-height:1
}
.rise-work .\33xl\:text-7\.5xl\/0\.9 {
font-size:var(--text-7\.5xl);line-height:var(--leading-0\.9)
}
.rise-work .\33xl\:text-7xl\/0\.9 {
font-size:var(--text-7xl);line-height:var(--leading-0\.9)
}
}

@media (min-width:2200px) {
.rise-work .\34xl\:h-\[22vw\] {
height:22vw
}
.rise-work .\34xl\:text-2xl\/none {
font-size:var(--text-2xl);line-height:1
}
.rise-work .\34xl\:text-3xl\/none {
font-size:var(--text-3xl);line-height:1
}
.rise-work .\34xl\:text-4xl\/none {
font-size:var(--text-4xl);line-height:1
}
.rise-work .\34xl\:text-5xl\/none {
font-size:var(--text-5xl);line-height:1
}
.rise-work .\34xl\:text-8xl\/0\.9 {
font-size:var(--text-8xl);line-height:var(--leading-0\.9)
}
}

@media (pointer:fine) {
.rise-work .pointer-fine\:mt-4 {
margin-top:calc(var(--spacing)*4)
}
.rise-work .pointer-fine\:-mb-3 {
margin-bottom:calc(var(--spacing)*-3)
}
.rise-work .pointer-fine\:overflow-hidden {
overflow:hidden
}
.rise-work .pointer-fine\:pr-1 {
padding-right:calc(var(--spacing)*1)
}
.rise-work .pointer-fine\:pb-2 {
padding-bottom:calc(var(--spacing)*2)
}
@media (hover:hover) {
.rise-work .pointer-fine\:group-hover\:-translate-y-6:is(:where(.group):hover *) {
--tw-translate-y:calc(var(--spacing)*-6);translate:var(--tw-translate-x)var(--tw-translate-y)
}
.rise-work .pointer-fine\:group-hover\:translate-y-0:is(:where(.group):hover *) {
--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)
}
.rise-work .pointer-fine\:group-hover\:scale-105:is(:where(.group):hover *) {
--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)
}
.rise-work .pointer-fine\:group-hover\:opacity-0:is(:where(.group):hover *) {
opacity:0
}
.rise-work .pointer-fine\:hover\:rounded-sm:hover {
border-radius:var(--radius-sm)
}
.rise-work .pointer-fine\:hover\:rounded-xl:hover {
border-radius:var(--radius-xl)
}
}
}

.rise-work .transition-rounded {
transition-property:border-radius
}

.rise-work .link {
position:relative
}

.rise-work .link:before {
right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);height:1px;width:calc(var(--spacing)*0);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:1s;--tw-content:"";content:var(--tw-content);background-color:currentColor;transition-duration:1s;position:absolute
}

@media (hover:hover) {
.rise-work .link:hover:before {
right:auto;left:calc(var(--spacing)*0);content:var(--tw-content);width:100%
}
}

.rise-work .circle-mask {
clip-path:circle(0% at 50% 120%);transition-property:clip-path
}

@media (pointer:fine) {
.rise-work .circle-mask-container:hover .circle-mask {
clip-path:circle(85% at 50% 70%)
}
}

.rise-work .list-ticks li {
position:relative
}

.rise-work .list-ticks li:before {
top:calc(var(--spacing)*.5);left:calc(var(--spacing)*-8);height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);background-color:var(--color-mint);--tw-content:"";content:var(--tw-content);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M448 130L431 147 177.5 399.2l-16.9 16.9-16.9-16.9L17 273.1 0 256.2l33.9-34 17 16.9L160.6 348.3 397.1 112.9l17-16.9L448 130z' fill='black'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:12px 12px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute
}

@property --tw-translate-x {
syntax:"*";inherits:false;initial-value:0
}

@property --tw-translate-y {
syntax:"*";inherits:false;initial-value:0
}

@property --tw-translate-z {
syntax:"*";inherits:false;initial-value:0
}

@property --tw-scale-x {
syntax:"*";inherits:false;initial-value:1
}

@property --tw-scale-y {
syntax:"*";inherits:false;initial-value:1
}

@property --tw-scale-z {
syntax:"*";inherits:false;initial-value:1
}

@property --tw-rotate-x {
syntax:"*";inherits:false
}

@property --tw-rotate-y {
syntax:"*";inherits:false
}

@property --tw-rotate-z {
syntax:"*";inherits:false
}

@property --tw-skew-x {
syntax:"*";inherits:false
}

@property --tw-skew-y {
syntax:"*";inherits:false
}

@property --tw-space-y-reverse {
syntax:"*";inherits:false;initial-value:0
}

@property --tw-border-style {
syntax:"*";inherits:false;initial-value:solid
}

@property --tw-gradient-position {
syntax:"*";inherits:false
}

@property --tw-gradient-from {
syntax:"<color>";inherits:false;initial-value:#0000
}

@property --tw-gradient-via {
syntax:"<color>";inherits:false;initial-value:#0000
}

@property --tw-gradient-to {
syntax:"<color>";inherits:false;initial-value:#0000
}

@property --tw-gradient-stops {
syntax:"*";inherits:false
}

@property --tw-gradient-via-stops {
syntax:"*";inherits:false
}

@property --tw-gradient-from-position {
syntax:"<length-percentage>";inherits:false;initial-value:0%
}

@property --tw-gradient-via-position {
syntax:"<length-percentage>";inherits:false;initial-value:50%
}

@property --tw-gradient-to-position {
syntax:"<length-percentage>";inherits:false;initial-value:100%
}

@property --tw-leading {
syntax:"*";inherits:false
}

@property --tw-font-weight {
syntax:"*";inherits:false
}

@property --tw-tracking {
syntax:"*";inherits:false
}

@property --tw-ordinal {
syntax:"*";inherits:false
}

@property --tw-slashed-zero {
syntax:"*";inherits:false
}

@property --tw-numeric-figure {
syntax:"*";inherits:false
}

@property --tw-numeric-spacing {
syntax:"*";inherits:false
}

@property --tw-numeric-fraction {
syntax:"*";inherits:false
}

@property --tw-shadow {
syntax:"*";inherits:false;initial-value:0 0 #0000
}

@property --tw-shadow-color {
syntax:"*";inherits:false
}

@property --tw-shadow-alpha {
syntax:"<percentage>";inherits:false;initial-value:100%
}

@property --tw-inset-shadow {
syntax:"*";inherits:false;initial-value:0 0 #0000
}

@property --tw-inset-shadow-color {
syntax:"*";inherits:false
}

@property --tw-inset-shadow-alpha {
syntax:"<percentage>";inherits:false;initial-value:100%
}

@property --tw-ring-color {
syntax:"*";inherits:false
}

@property --tw-ring-shadow {
syntax:"*";inherits:false;initial-value:0 0 #0000
}

@property --tw-inset-ring-color {
syntax:"*";inherits:false
}

@property --tw-inset-ring-shadow {
syntax:"*";inherits:false;initial-value:0 0 #0000
}

@property --tw-ring-inset {
syntax:"*";inherits:false
}

@property --tw-ring-offset-width {
syntax:"<length>";inherits:false;initial-value:0
}

@property --tw-ring-offset-color {
syntax:"*";inherits:false;initial-value:#fff
}

@property --tw-ring-offset-shadow {
syntax:"*";inherits:false;initial-value:0 0 #0000
}

@property --tw-outline-style {
syntax:"*";inherits:false;initial-value:solid
}

@property --tw-blur {
syntax:"*";inherits:false
}

@property --tw-brightness {
syntax:"*";inherits:false
}

@property --tw-contrast {
syntax:"*";inherits:false
}

@property --tw-grayscale {
syntax:"*";inherits:false
}

@property --tw-hue-rotate {
syntax:"*";inherits:false
}

@property --tw-invert {
syntax:"*";inherits:false
}

@property --tw-opacity {
syntax:"*";inherits:false
}

@property --tw-saturate {
syntax:"*";inherits:false
}

@property --tw-sepia {
syntax:"*";inherits:false
}

@property --tw-drop-shadow {
syntax:"*";inherits:false
}

@property --tw-drop-shadow-color {
syntax:"*";inherits:false
}

@property --tw-drop-shadow-alpha {
syntax:"<percentage>";inherits:false;initial-value:100%
}

@property --tw-drop-shadow-size {
syntax:"*";inherits:false
}

@property --tw-backdrop-blur {
syntax:"*";inherits:false
}

@property --tw-backdrop-brightness {
syntax:"*";inherits:false
}

@property --tw-backdrop-contrast {
syntax:"*";inherits:false
}

@property --tw-backdrop-grayscale {
syntax:"*";inherits:false
}

@property --tw-backdrop-hue-rotate {
syntax:"*";inherits:false
}

@property --tw-backdrop-invert {
syntax:"*";inherits:false
}

@property --tw-backdrop-opacity {
syntax:"*";inherits:false
}

@property --tw-backdrop-saturate {
syntax:"*";inherits:false
}

@property --tw-backdrop-sepia {
syntax:"*";inherits:false
}

@property --tw-duration {
syntax:"*";inherits:false
}

@property --tw-ease {
syntax:"*";inherits:false
}

@property --tw-content {
syntax:"*";inherits:false;initial-value:""
}

.rise-work .fa-brands,
.rise-work .fa-regular,
.rise-work .fa-sharp {
-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto
}

.rise-work .fa-brands:before,
.rise-work .fa-regular:before,
.rise-work .fa-sharp:before {
content:var(--fa)
}

.rise-work .fa-sharp {
font-weight:900
}

.rise-work .fa-regular {
font-family:"Font Awesome 6 Pro"
}

.rise-work .fa-brands {
font-family:"Font Awesome 6 Brands"
}

.rise-work .fa-sharp {
font-family:"Font Awesome 6 Sharp"
}

.rise-work .fa-chart-line-up {
--fa:"\e0e5";--fa--fa:"\e0e5\e0e5"
}

.rise-work .fa-arrow-up-left {
--fa:"\e09d";--fa--fa:"\e09d\e09d"
}

.rise-work .fa-arrow-up-right {
--fa:"\e09f";--fa--fa:"\e09f\e09f"
}

.rise-work .fa-link {
--fa:"\f0c1";--fa--fa:"\f0c1\f0c1"
}

.rise-work .fa-magnifying-glass {
--fa:"\f002";--fa--fa:"\f002\f002"
}

.rise-work .fa-brands {
font-weight:400
}

.rise-work .fa-linkedin-in {
--fa:"\f0e1"
}

.rise-work .fa-x-twitter {
--fa:"\e61b"
}

.rise-work .fa-regular {
font-weight:400
}

.rise-work .fa-regular {
font-weight:400
}

.rise-work .transition-rounded {
 transition-property: border-radius; 
}

.rise-work .link {
 position: relative; 
}

.rise-work .link::before {
 right: calc(var(--spacing)*0); bottom: calc(var(--spacing)*0); height: 1px; width: calc(var(--spacing)*0); transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); --tw-duration: 1s; --tw-content: ""; content: var(--tw-content); background-color: currentcolor; transition-duration: 1s; position: absolute; 
}

.rise-work .circle-mask {
 clip-path: circle(0% at 50% 120%); transition-property: clip-path; 
}

.rise-work .list-ticks li {
 position: relative; 
}

.rise-work .list-ticks li::before {
 top: calc(var(--spacing)*.5); left: calc(var(--spacing)*-8); height: calc(var(--spacing)*6); width: calc(var(--spacing)*6); background-color: var(--color-mint); --tw-content: ""; content: var(--tw-content); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M448 130L431 147 177.5 399.2l-16.9 16.9-16.9-16.9L17 273.1 0 256.2l33.9-34 17 16.9L160.6 348.3 397.1 112.9l17-16.9L448 130z' fill='black'/></svg>"); background-position: 50% center; background-repeat: no-repeat; background-size: 12px 12px; border-radius: 3.40282e+38px; justify-content: center; align-items: center; display: flex; position: absolute; 
}

.rise-work .fa-brands,
.rise-work .fa-regular,
.rise-work .fa-sharp {
 -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; 
}

.rise-work .fa-brands::before,
.rise-work .fa-regular::before,
.rise-work .fa-sharp::before {
 content: var(--fa); 
}

.rise-work .fa-sharp {
 font-weight: 900; 
}

.rise-work .fa-regular {
 font-family: "Font Awesome 6 Pro"; 
}

.rise-work .fa-brands {
 font-family: "Font Awesome 6 Brands"; 
}

.rise-work .fa-sharp {
 font-family: "Font Awesome 6 Sharp"; 
}

.rise-work .fa-chart-line-up {
 --fa: "\e0e5"; --fa--fa: "\e0e5\e0e5"; 
}

.rise-work .fa-arrow-up-left {
 --fa: "\e09d"; --fa--fa: "\e09d\e09d"; 
}

.rise-work .fa-arrow-up-right {
 --fa: "\e09f"; --fa--fa: "\e09f\e09f"; 
}

.rise-work .fa-link {
 --fa: "\f0c1"; --fa--fa: "\f0c1\f0c1"; 
}

.rise-work .fa-magnifying-glass {
 --fa: "\f002"; --fa--fa: "\f002\f002"; 
}

.rise-work .fa-brands {
 font-weight: 400; 
}

.rise-work .fa-linkedin-in {
 --fa: "\f0e1"; 
}

.rise-work .fa-x-twitter {
 --fa: "\e61b"; 
}

.rise-work .fa-regular {
 font-weight: 400; 
}

.rise-work .fa-regular {
 font-weight: 400; 
}

.rise-work .fa-brands,
.rise-work .fa-regular,
.rise-work .fa-sharp {
-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto
}

.rise-work .fa-brands:before,
.rise-work .fa-regular:before,
.rise-work .fa-sharp:before {
content:var(--fa)
}

.rise-work .fa-sharp {
font-weight:900
}

.rise-work .fa-regular {
font-family:"Font Awesome 6 Pro"
}

.rise-work .fa-brands {
font-family:"Font Awesome 6 Brands"
}

.rise-work .fa-sharp {
font-family:"Font Awesome 6 Sharp"
}

.rise-work .fa-chart-line-up {
--fa:"\e0e5";--fa--fa:"\e0e5\e0e5"
}

.rise-work .fa-arrow-up-left {
--fa:"\e09d";--fa--fa:"\e09d\e09d"
}

.rise-work .fa-arrow-up-right {
--fa:"\e09f";--fa--fa:"\e09f\e09f"
}

.rise-work .fa-link {
--fa:"\f0c1";--fa--fa:"\f0c1\f0c1"
}

.rise-work .fa-magnifying-glass {
--fa:"\f002";--fa--fa:"\f002\f002"
}

.rise-work .fa-brands {
font-weight:400
}

.rise-work .fa-linkedin-in {
--fa:"\f0e1"
}

.rise-work .fa-x-twitter {
--fa:"\e61b"
}

.rise-work .fa-regular {
font-weight:400
}

.rise-work .fa-regular {
font-weight:400
}

/* ---------------------------------------------------------------- rise-work extras
   Hand-written support styles for the Rise-style work detail template:
   root scoping, font mapping, and block types not present in the scrape. */

.rise-work {
  box-sizing: border-box;
  background-color: var(--color-grey-100, #efeeec);
  color: var(--color-grey-900, #111212);
  min-height: 100vh;
  font-family: "Inter Tight", sans-serif;
}

/* saans (unavailable) -> Host Grotesk for the font-sans-primary utility. */
:root {
  --font-sans-primary: "Host Grotesk", "Inter Tight", sans-serif;
}

.rise-work *,
.rise-work *::before,
.rise-work *::after {
  box-sizing: border-box;
}

/* Headings keep Host Grotesk; body copy stays Inter Tight (site-wide body font). */
.rise-work p,
.rise-work li,
.rise-work td,
.rise-work th,
.rise-work figcaption {
  font-family: "Inter Tight", sans-serif;
}

.rise-work h1,
.rise-work h2,
.rise-work h3,
.rise-work h4,
.rise-work h5,
.rise-work h6 {
  margin: 0;
  font-family: "Host Grotesk", "Inter Tight", sans-serif;
}

.rise-work p {
  margin: 0;
}

.rise-work a {
  color: inherit;
  text-decoration: none;
}

/* Media (our screenshots are natural-aspect, not square-cropped) */
.rise-work .rw-media {
  width: 100%;
  display: block;
  height: auto;
}

.rise-work .rw-media-card {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  background-color: var(--color-grey-900, #111212);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .rise-work .rw-media-card {
    border-radius: 1.5rem;
  }
}

/* ---------------------------------------------------------------- block types
   Renderers for case-study blocks that have no Rise-scrape equivalent. */

.rise-work .rw-quote {
  margin: 1.25rem 0;
  padding: 1.5rem;
  border-radius: 1.5rem;
  background-color: #fff;
}

.rise-work .rw-quote p {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
}

.rise-work .rw-quote cite {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  color: var(--color-grey-300, #6a6a6a);
  font-style: normal;
}

.rise-work .rw-callout {
  margin: 1.25rem 0;
  padding: 1.5rem 1.5rem 1.5rem 2rem;
  border-radius: 1.5rem;
  background-color: var(--color-grey-900, #111212);
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.45;
  font-weight: 500;
}

.rise-work .rw-cards,
.rise-work .rw-stack {
  display: grid;
  gap: 0.75rem;
  margin: 1.25rem 0;
}

@media (min-width: 768px) {
  .rise-work .rw-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.rise-work .rw-card {
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 1.5rem;
}

.rise-work .rw-eyebrow {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-grey-300, #6a6a6a);
  margin-bottom: 0.5rem;
}

.rise-work .rw-card h4,
.rise-work .rw-stack-item h4 {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.rise-work .rw-card p,
.rise-work .rw-stack-item p {
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--color-grey-300, #6a6a6a);
}

.rise-work .rw-list {
  margin: 1rem 0;
  padding-left: 1.25rem;
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.rise-work .rw-list li {
  font-size: 0.9375rem;
  line-height: 1.55;
}

.rise-work .rw-table-wrap {
  width: 100%;
  max-width: 100%;
  margin: 1.25rem 0;
  overflow-x: auto;
  border-radius: 1.5rem;
  background-color: #fff;
}

.rise-work .rw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
}

.rise-work .rw-table th,
.rise-work .rw-table td {
  text-align: left;
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid var(--color-grey-200, #bebebe);
}

.rise-work .rw-table th {
  font-weight: 500;
  color: var(--color-grey-300, #6a6a6a);
}

.rise-work .rw-flow {
  margin: 1.25rem 0;
  display: grid;
  gap: 0.5rem;
  counter-reset: rw-flow;
}

.rise-work .rw-flow li {
  counter-increment: rw-flow;
  display: flex;
  gap: 0.875rem;
  align-items: baseline;
  background-color: #fff;
  border-radius: 1rem;
  padding: 0.875rem 1.25rem;
  font-size: 0.9375rem;
}

.rise-work .rw-flow li::before {
  content: counter(rw-flow, decimal-leading-zero);
  font-weight: 500;
  color: var(--color-grey-300, #6a6a6a);
}

.rise-work .rw-links {
  display: grid;
  gap: 0.75rem;
  margin: 1.25rem 0;
}

@media (min-width: 768px) {
  .rise-work .rw-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.rise-work .rw-link-card {
  display: block;
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 1.5rem;
  transition: transform 0.3s ease;
}

.rise-work .rw-link-card:hover {
  transform: translateY(-4px);
}

.rise-work .rw-tree,
.rise-work .rw-personas,
.rise-work .rw-wireframes {
  display: grid;
  gap: 0.75rem;
  margin: 1.25rem 0;
}

@media (min-width: 768px) {
  .rise-work .rw-personas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.rise-work .rw-persona,
.rise-work .rw-tree-group,
.rise-work .rw-wireframe {
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 1.5rem;
}

.rise-work .rw-persona dl {
  display: grid;
  gap: 0.5rem;
  margin-top: 1rem;
}

.rise-work .rw-persona dt {
  font-size: 0.75rem;
  color: var(--color-grey-300, #6a6a6a);
}

.rise-work .rw-persona dd {
  font-size: 0.9375rem;
}

.rise-work .rw-wireframe-sketch {
  display: grid;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px dashed var(--color-grey-200, #bebebe);
  border-radius: 1rem;
  margin-bottom: 0.75rem;
}

.rise-work .rw-wire-bar,
.rise-work .rw-wire-block,
.rise-work .rw-wire-row {
  display: block;
  height: 12px;
  border-radius: 999px;
  background-color: var(--color-grey-200, #bebebe);
}

.rise-work .rw-wire-block {
  height: 48px;
  border-radius: 0.75rem;
}

.rise-work .rw-wire-block.short {
  width: 60%;
}

.rise-work .rw-screens-fallback {
  display: grid;
  gap: 0.75rem;
  margin: 1.25rem 0;
}

.rise-work .rw-screens-fallback figure {
  border-radius: 1.5rem;
  overflow: hidden;
  background-color: #fff;
}

.rise-work .rw-screens-fallback img {
  width: 100%;
  height: auto;
  display: block;
}

.rise-work .rw-screens-fallback figcaption {
  padding: 0.875rem 1.25rem;
  font-size: 0.875rem;
  color: var(--color-grey-300, #6a6a6a);
}

/* Inline SVG icon (stands in for the Font Awesome glyphs) */
.rise-work .rw-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  flex: none;
  vertical-align: -0.125em;
}

/* Prose blocks: last paragraph drops the trailing gap */
.rise-work .rw-prose p:last-child {
  margin-bottom: 0;
}

/* Figures */
.rise-work figure {
  margin: 0;
}

.rise-work blockquote {
  margin: 0;
}

.rise-work .rw-figure {
  margin: 0;
}

/* Portrait screenshots read better at roughly real device width. */
.rise-work .rw-figure--portrait {
  max-width: 24rem;
  margin-inline: auto;
}

.rise-work .rw-figure figcaption {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-grey-300, #6a6a6a);
}

/* Figures disclaimer + end-of-study CTA */
.rise-work .rw-figures-note {
  margin: 2rem 0 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-grey-200, #e4e4e4);
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--color-grey-300, #6a6a6a);
}

.rise-work .rw-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  margin-bottom: 3rem;
  padding: 1.75rem 2rem;
  border-radius: 1rem;
  background: #0b3bff;
}

.rise-work .rw-cta-title {
  margin: 0;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.rise-work .rw-cta-button {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  border-radius: 999px;
  background: #ffffff;
  color: #0b3bff;
  font-weight: 600;
  white-space: nowrap;
  transition: transform 0.3s ease, background 0.3s ease;
}

.rise-work .rw-cta-button:hover {
  transform: translateY(-2px);
  background: #f1f4ff;
}
