@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.back-link[data-astro-cid-qnpb2qkl]{display:inline-flex;align-items:center;gap:8px;margin-bottom:clamp(18px,2vw,26px);color:var(--primary);text-decoration:none;font-family:var(--sans);font-size:clamp(14px,1.1vw,16px);font-weight:500;letter-spacing:.005em}.back-link__arr[data-astro-cid-qnpb2qkl]{width:18px;height:18px;flex-shrink:0;transition:transform .24s cubic-bezier(.2,.7,.2,1)}@media(hover:hover)and (pointer:fine){.back-link[data-astro-cid-qnpb2qkl]:hover{text-decoration:underline;text-underline-offset:3px}.back-link[data-astro-cid-qnpb2qkl]:hover .back-link__arr[data-astro-cid-qnpb2qkl]{transform:translate(-3px)}}#work.wrap{padding-block:var(--section-pad-v);padding-inline:var(--section-gutter);scroll-margin-top:clamp(72px,calc(1.4vw + 60px),80px);padding-top:clamp(48px,4vw,66px)}@media(max-width:1023px){#work.wrap{padding-inline:24px}}#work .section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}#work .work-list{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}#work .work-list .tile{--card-pad: clamp(20px, 2.6vw, 32px);position:relative;display:grid;grid-template-columns:1fr;gap:clamp(20px,2.4vw,32px);align-items:stretch;min-height:clamp(540px,calc(58vh + 100px),720px);background:#fff;border:0;border-radius:clamp(18px,2vw,24px);padding:0;overflow:hidden;cursor:pointer;box-shadow:0 0 #16161600;transition:transform .36s cubic-bezier(.2,.7,.2,1),box-shadow .36s cubic-bezier(.2,.7,.2,1);transform-origin:center;will-change:transform}@media(hover:hover)and (pointer:fine){#work .work-list .tile:hover{background:#fff;transform:scale(1.012);box-shadow:0 6px 14px -6px #16161614,0 24px 48px -20px #1616162e}}:root[data-theme=dark] #work .work-list .tile{background:var(--surface-2);box-shadow:none}@media(hover:hover)and (pointer:fine){:root[data-theme=dark] #work .work-list .tile:hover{background:var(--surface-2);box-shadow:none}}@media(prefers-reduced-motion:reduce){#work .work-list .tile{transition:box-shadow .2s ease}@media(hover:hover)and (pointer:fine){#work .work-list .tile:hover{transform:none}}}@media(min-width:900px){#work .work-list .tile{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}}@media(min-width:900px)and (max-width:1279.98px){#work .work-list .tile{grid-template-columns:minmax(0,.7fr) minmax(0,.3fr)}}@media(max-width:899px){#work .work-list .tile{min-height:0;gap:40px}}#work .work-list .tile-body{display:flex;flex-direction:column;gap:18px;padding:var(--card-pad)}@media(max-width:899px){#work .work-list .tile-body{padding-top:0;padding-bottom:40px;gap:26px}}#work .work-list .tile-title{font-family:var(--sans);font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin:0}#work .work-list .tile-outcome{font-family:var(--sans);font-style:normal;font-size:clamp(15px,1.15vw,17px);line-height:1.5;color:var(--mute);max-width:none;margin:0;text-wrap:pretty}@media(max-width:899px){#work .work-list .tile-title+.tile-outcome{margin-top:-14px}}#work .work-list .tile-data{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(min-content,1fr));gap:24px;position:relative}@media(max-width:899px){#work .work-list .tile-data{margin-top:0}}@media(max-width:768px){#work .work-list .tile-data{gap:12px}}@media(max-width:599px){#work .work-list .tile-data{display:none}}#work .work-list .tile-data li{display:flex;flex-direction:column;gap:6px;padding:22px 0 0;border:0;min-width:0;position:relative}@media(max-width:768px){#work .work-list .tile-data li{padding:16px 0 0}}:root[data-theme=dark] .tile-data{--datapoint-pulse-color: rgba(255, 255, 255, .7)}.tile-data-label{font-family:var(--sans);font-size:14px;color:var(--mute);line-height:1.3;white-space:nowrap}.tile-data-value{font-family:var(--sans);font-weight:500;font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;color:var(--ink);line-height:1.05;--dp-trend-size: .34em}.tile-data-value .dp-suffix{vertical-align:.42em}.tile-data-value .dp-trend{--dp-trend-gap: .04em}@media(max-width:768px){.tile-data-value{font-size:clamp(20px,5vw,28px)}}.tile-data-note{margin:34px 0 0;font-family:var(--sans);font-size:clamp(11px,.82vw,12.5px);line-height:1.4;letter-spacing:.01em;color:#16161680}:root[data-theme=dark] .tile-data-note{color:#ffffff73}@media(max-width:899px){.tile-data-note{margin-top:26px}}@media(max-width:599px){.tile-data-note{display:none}}#work .work-list .tile-cta:after{content:"";position:absolute;inset:0;z-index:1}#work .work-list .tile-cta{font-family:var(--sans);font-size:18px;font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;text-decoration:none;align-self:flex-start;cursor:pointer;line-height:1.2;transition:color .24s ease}@media(max-width:899px){#work .work-list .tile-cta{margin-top:0;padding-top:0}}#work .work-list .tile-cta .arr{transition:transform .24s cubic-bezier(.2,.7,.2,1)}@media(hover:hover)and (pointer:fine){#work .work-list .tile-cta:hover .arr{transform:translate(6px)}}@media(hover:hover)and (pointer:fine){#work .work-list .tile-cta:hover .char{transform:translateY(-100%)}}.tile-art-wrap{position:relative;width:100%;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:0;padding:clamp(24px,4vw,48px) 24px;background:var(--art-col-bg, transparent)}#work .work-list .tile-art-wrap:has([data-slug=glacier-drop]){--art-col-bg: var(--gd-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=marlowe]){--art-col-bg: var(--marlowe-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=mortgage-hub]){--art-col-bg: var(--mh-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=dyson]){--art-col-bg: var(--dyson-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=itf-tennis]){--art-col-bg: var(--itf-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=squared-online]){--art-col-bg: var(--sq-tile-bg)}#work .work-list .tile--coming-soon{cursor:default}@media(hover:hover)and (pointer:fine){#work .work-list .tile--coming-soon:hover{transform:none;box-shadow:none}}#work .work-list .tile-cta--coming-soon{color:var(--mute);cursor:default}.tile-art-wrap>.animation-tile{width:100%;max-width:400px}@media(max-width:899px){.tile-art-wrap{order:-1}}@media(max-width:899px){#work .work-list .tile-art-wrap{padding:20px}#work .work-list .tile-art-wrap .marlowe-pager{display:none}}.ds-scope,.theme-base{--ds-color-bg: #F4F4F5;--ds-color-surface: #FFFFFF;--ds-color-surface-2: #F2F2F2;--ds-color-surface-raised:#FFFFFF;--ds-color-ink: #161616;--ds-color-ink-2: #414042;--ds-color-mute: #616163;--ds-color-border: #E4E4E7;--ds-color-border-strong: #8A8A90;--ds-scrollbar-thumb: rgba(0, 0, 0, .28);--ds-color-icon: var(--ds-color-mute);--ds-color-primary: #2A5BFF;--ds-color-primary-hover: #1D46D6;--ds-color-primary-soft: #EAEFFF;--ds-color-on-primary: #FFFFFF;--ds-color-success: #1F8A53;--ds-color-success-ink: #0E5C34;--ds-color-success-bg: color-mix(in srgb, var(--ds-color-success) 12%, transparent);--ds-color-success-border: #9BDDC0;--ds-color-danger: #D64550;--ds-color-danger-ink: #A5202B;--ds-color-danger-bg: color-mix(in srgb, var(--ds-color-danger) 11%, transparent);--ds-color-danger-border: #EFA5A5;--ds-color-warning: #C77700;--ds-color-warning-ink: #7A4A00;--ds-color-warning-bg: color-mix(in srgb, var(--ds-color-warning) 9%, transparent);--ds-color-warning-border: #F5C88A;--ds-color-info: #0F6FC8;--ds-color-info-ink: #0A4D8C;--ds-color-info-bg: color-mix(in srgb, var(--ds-color-info) 9%, transparent);--ds-color-info-border: #97C3EB;--ds-color-disabled-bg: #F2F2F2;--ds-color-disabled-ink: #CCCCCC;--ds-overlay-bg: rgba(15,15,20,.5);--ds-color-surface-subtle: color-mix(in srgb, var(--ds-color-ink) 4%, transparent);--ds-font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--ds-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ds-icon-family: "Material Symbols Outlined";--ds-text-display: 28px;--ds-text-title: 22px;--ds-text-heading: 20px;--ds-text-subhead: 18px;--ds-text-body: 16px;--ds-text-body-sm: 16px;--ds-text-label: 15px;--ds-text-caption: 14px;--ds-text-fine: 14px;--ds-weight-light: 300;--ds-weight-regular: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-leading-tight: 1.2;--ds-leading-snug: 1.3;--ds-leading-normal: 1.5;--ds-space-2: 2px;--ds-space-4: 4px;--ds-space-6: 6px;--ds-space-8: 8px;--ds-space-12: 12px;--ds-space-14: 14px;--ds-space-16: 16px;--ds-space-20: 20px;--ds-space-24: 24px;--ds-space-32: 32px;--ds-space-40: 40px;--ds-space-48: 48px;--ds-space-56: 56px;--ds-space-72: 72px;--ds-radius-xs: 4px;--ds-radius-sm: 8px;--ds-radius: 12px;--ds-radius-lg: 16px;--ds-radius-pill: 999px;--ds-button-radius: var(--ds-radius-sm);--ds-button-height: 44px;--ds-button-height-sm: calc(var(--ds-button-height) - 10px);--ds-button-height-lg: calc(var(--ds-button-height) + 8px);--ds-button-pad: var(--ds-space-20);--ds-button-pad-sm: var(--ds-space-12);--ds-button-pad-lg: var(--ds-space-24);--ds-button-text-sm: var(--ds-text-caption);--ds-button-text-lg: var(--ds-text-body);--ds-input-height: 44px;--ds-control-radius: var(--ds-radius-sm);--ds-card-radius: var(--ds-radius);--ds-card-shadow: var(--ds-shadow);--ds-frame-radius: var(--ds-radius-lg);--ds-frame-shadow: var(--ds-shadow);--ds-frame-border: rgba(16, 16, 16, .05);--ds-badge-radius: var(--ds-radius-xs);--ds-check-size: 18px;--ds-check-shape: var(--ds-radius-xs);--ds-check-fill: var(--ds-color-primary);--ds-check-ink: var(--ds-color-on-primary);--ds-menu-radius: var(--ds-radius-sm);--ds-option-radius: var(--ds-radius-xs);--ds-panel-radius: var(--ds-radius-sm);--ds-dialog-radius: var(--ds-radius-lg);--ds-number-width: 140px;--ds-overlay-radius: var(--ds-radius-sm);--ds-notification-radius: var(--ds-radius-sm);--ds-number-text: var(--ds-input-text, var(--ds-text-body));--ds-rating-ink: var(--ds-color-warning);--ds-floatlabel-weight: var(--ds-weight-medium);--ds-floatlabel-ink: var(--ds-color-ink);--ds-floatlabel-ink-risen: var(--ds-color-ink);--ds-modal-surface: var(--ds-color-surface);--ds-dt-row-selected-hover: color-mix(in srgb, var(--ds-color-primary-soft), var(--ds-color-ink) 6%);--ds-table-font: var(--ds-text-label);--ds-table-head-font: var(--ds-text-caption);--ds-table-pad-y: 12px;--ds-table-pad-x: 16px;--ds-table-head-pad-y: var(--ds-table-pad-y);--ds-page-btn-size: 34px;--ds-page-btn-border: transparent;--ds-sidenav-active-bg: var(--ds-color-primary-soft);--ds-sidenav-warn-ink: var(--ds-color-warning);--ds-sidenav-active-accent: var(--ds-color-primary);--ds-skeleton-sweep: color-mix(in srgb, var(--ds-color-surface) 55%, transparent);--ds-chrome-pad-x: var(--ds-space-24);--ds-chrome-pad-y: var(--ds-space-24);--ds-focus-ring: 0 0 0 3px var(--ds-color-primary-soft);--ds-field-focus-ring: var(--ds-focus-ring);--ds-pi-marker-size: 26px;--ds-pi-marker-radius: 50%;--ds-pi-marker-border: 2px;--ds-pi-connector-width: 2px;--ds-pi-help-size: 20px;--ds-pi-incomplete-fill: var(--ds-color-surface);--ds-pi-incomplete-ink: var(--ds-color-mute);--ds-pi-incomplete-border: var(--ds-color-border-strong);--ds-pi-current-fill: var(--ds-color-surface);--ds-pi-current-ink: var(--ds-color-primary);--ds-pi-current-border: var(--ds-color-primary);--ds-pi-loading-ink: var(--ds-color-primary);--ds-pi-loading-track: transparent;--ds-pi-complete-fill: var(--ds-color-success-bg);--ds-pi-complete-ink: var(--ds-color-success);--ds-pi-complete-border: var(--ds-color-success);--ds-pi-connector: var(--ds-color-border);--ds-pi-connector-active: var(--ds-color-success);--ds-ring-size-sm: 36px;--ds-ring-size: 48px;--ds-ring-size-lg: 120px;--ds-ring-thickness: 2.6;--ds-ring-track: var(--ds-color-border);--ds-ring-arc: var(--ds-color-primary);--ds-ring-arc-complete: var(--ds-color-success);--ds-ring-arc-current: var(--ds-color-primary);--ds-ring-arc-locked: var(--ds-color-border-strong);--ds-ring-label-ink: var(--ds-color-ink);--ds-pill-height-sm: 22px;--ds-pill-height: 28px;--ds-pill-height-lg: calc(var(--ds-button-height) + 8px);--ds-pill-pad-sm: var(--ds-space-8);--ds-pill-pad: var(--ds-space-12);--ds-pill-pad-lg: var(--ds-space-16);--ds-pill-icon-inset: 4px;--ds-btn-icon-inset: 6px;--ds-tag-icon-inset: 4px;--ds-badge-icon-inset: 2px;--ds-field-icon-inset: 4px;--ds-notification-icon-inset: 4px;--ds-pill-weight: var(--ds-weight-semibold);--ds-pill-font-sm: var(--ds-text-fine);--ds-pill-font: var(--ds-text-caption);--ds-pill-font-lg: var(--ds-text-label);--ds-tab-count-size: 22px;--ds-stat-label-gap: var(--ds-space-4);--ds-nav-surface: var(--ds-color-surface);--ds-nav-radius: var(--ds-radius-pill);--ds-nav-pad: var(--ds-space-6);--ds-nav-gap: var(--ds-space-2);--ds-nav-ink: var(--ds-color-mute);--ds-nav-ink-active: var(--ds-color-primary);--ds-nav-label-size: 12px;--ds-nav-pill-fill: var(--ds-color-primary-soft);--ds-nav-pill-w: calc((100% - 18px)/4) ;--ds-nav-pill-squash: .88;--ds-nav-slide-dur: .56s;--ds-nav-slide-ease: var(--ds-ease-decelerate);--ds-nav-badge-bg: var(--ds-color-danger);--ds-nav-badge-ink: var(--ds-color-on-primary);--ds-nav-badge-ring: var(--ds-nav-surface);--ds-input-text: var(--ds-text-label);--ds-input-pad: var(--ds-space-12);--ds-countdown-surface: color-mix(in srgb, var(--ds-chrome-soft, var(--ds-color-primary-soft)) 55%, transparent);--ds-countdown-chip-bg: var(--ds-color-surface);--ds-countdown-chip-ink: var(--ds-chrome-ink, var(--ds-color-primary));--ds-countdown-label-ink: var(--ds-color-ink);--ds-countdown-soon-surface: var(--ds-color-warning-bg);--ds-countdown-soon-chip-bg: color-mix(in srgb, var(--ds-color-warning) 13%, transparent);--ds-countdown-soon-chip-ink: var(--ds-color-warning-ink);--ds-countdown-soon-label-ink: var(--ds-color-warning-ink);--ds-countdown-ended-surface: var(--ds-color-danger-bg);--ds-countdown-ended-chip-bg: color-mix(in srgb, var(--ds-color-danger) 13%, transparent);--ds-countdown-ended-chip-ink: var(--ds-color-danger-ink);--ds-countdown-ended-label-ink: var(--ds-color-danger-ink);--ds-countdown-grey-surface: var(--ds-color-surface-subtle);--ds-countdown-grey-chip-bg: var(--ds-color-surface);--ds-countdown-grey-chip-ink: var(--ds-color-ink);--ds-countdown-grey-label-ink: var(--ds-color-mute);--ds-avatar-bg: var(--ds-color-surface-2);--ds-avatar-ink: var(--ds-color-mute);--ds-shadow-xs: 0 1px 2px rgba(16,16,16,.06);--ds-shadow-sm: 0 2px 6px rgba(16,16,16,.07);--ds-shadow: 0 1px 2px rgba(16,16,16,.06), 0 8px 24px rgba(16,16,16,.08);--ds-shadow-md: 0 6px 18px rgba(16,16,16,.1);--ds-shadow-lg: 0 12px 40px rgba(16,16,16,.16);--ds-shadow-xl: 0 24px 64px rgba(16,16,16,.22);--ds-overlay-shadow: var(--ds-shadow-md);--ds-sheet-shadow: 0 -12px 40px rgba(16,16,16,.16);--ds-ease-standard: cubic-bezier(.4, 0, .2, 1);--ds-ease-decelerate: cubic-bezier(.2, 0, 0, 1);--ds-ease-spring: cubic-bezier(.34, 1.25, .64, 1);--ds-ease-bounce: cubic-bezier(.34, 1.45, .64, 1);--ds-ease-expo: cubic-bezier(.22, 1, .36, 1);--ds-duration-fast: 80ms;--ds-duration-base: .18s;--ds-duration-slow: .32s;--ds-duration-loop-hold: 2.2s;--ds-duration-loop-out: .3s;--ds-ease-loop-out: cubic-bezier(.4, 0, 1, 1);--ds-duration-loop-in: .42s;--ds-ease-loop-in: cubic-bezier(0, 0, .2, 1);--ds-duration-ripple-click: .56s;--ds-duration-ripple-hover: .64s;--ds-duration-nudge: .64s;--ds-duration-tip-travel: .18s;--ds-tip-slide: 6px;--ds-duration-pointer-glide: .48s;--ds-tap-ring-color: var(--ds-color-ink);--ds-ripple-opacity-click: .38;--ds-ripple-opacity-hover: .2;--ds-ripple-neutral: #8C9098;--ds-duration-accordion: .26s;--ds-z-base: 1;--ds-z-raised: 2;--ds-z-sticky: 100;--ds-z-overlay: 200;--ds-z-modal: 1000;--ds-z-keyboard: 2000;--ds-z-toast: 10000;--ds-container-max: 1200px;--ds-container-wide: 1440px;--ds-section-pad-block: clamp(48px, 8vw, 112px);--ds-section-pad-inline: clamp(20px, 5vw, 64px);--ds-section-gap-same: clamp(32px, 5vw, 72px);--ds-grid-cols: 12;--ds-grid-gutter: clamp(16px, 2vw, 24px);--ds-divider: 1px}:root[data-theme=dark] .ds-scope,:root[data-theme=dark] .theme-base{--ds-color-bg: #15151A;--ds-color-surface: #1E1E26;--ds-color-surface-2: #26262F;--ds-color-surface-raised:#26262F;--ds-color-ink: #FFFFFF;--ds-color-ink-2: rgba(255,255,255,.82);--ds-color-mute: rgba(255,255,255,.62);--ds-color-border: #383842;--ds-color-border-strong: #6B6B78;--ds-scrollbar-thumb: rgba(255,255,255,.28);--ds-color-primary: #7C93FF;--ds-color-primary-hover: #93A6FF;--ds-countdown-chip-bg: var(--ds-color-primary-soft);--ds-color-primary-soft: rgba(124,147,255,.18);--ds-color-on-primary: #15151A;--ds-color-success: #45C88A;--ds-color-success-ink: #96EDBE;--ds-color-success-bg: rgba(64,187,125,.16);--ds-color-success-border: var(--ds-color-success-ink);--ds-color-danger: #F06A6A;--ds-color-danger-ink: #FFB3B3;--ds-color-danger-bg: rgba(232,120,121,.16);--ds-color-danger-border: var(--ds-color-danger-ink);--ds-color-warning: #E0A64E;--ds-color-warning-ink: #FFD695;--ds-color-warning-bg: rgba(247,165,72,.16);--ds-color-warning-border: var(--ds-color-warning-ink);--ds-color-info: #5CA6E6;--ds-color-info-ink: #AAD4FA;--ds-color-info-bg: rgba(100,165,226,.16);--ds-color-info-border: var(--ds-color-info-ink);--ds-color-disabled-bg: var(--ds-color-surface-2);--ds-color-disabled-ink: var(--ds-color-mute);--ds-ripple-neutral: #C4C8D0;--ds-skeleton-sweep: color-mix(in srgb, #fff 10%, transparent);--ds-shadow-xs: 0 1px 2px rgba(0,0,0,.4);--ds-shadow-sm: 0 2px 6px rgba(0,0,0,.42);--ds-shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);--ds-shadow-md: 0 6px 18px rgba(0,0,0,.5);--ds-shadow-lg: 0 12px 40px rgba(0,0,0,.55);--ds-shadow-xl: 0 24px 64px rgba(0,0,0,.62);--ds-sheet-shadow: 0 -12px 40px rgba(0,0,0,.55)}:root[data-theme=dark] .ds-scope,:root[data-theme=dark] .theme-base{--ds-frame-border: rgba(255, 255, 255, .05)}[data-tileframe]{pointer-events:none}[data-tileframe][data-frame-interactive]{pointer-events:auto}:is([data-deviceframe],[data-cardframe],[data-tileframe],[data-cardframesolo]):not([data-frame-interactive]) *{pointer-events:none!important}.ds-tileframe{position:relative;width:100%;display:flex;justify-content:center}.ds-tileframe-card{width:100%;max-width:400px;aspect-ratio:1 / 1;display:flex;border-radius:var(--ds-frame-radius, 16px);overflow:hidden;isolation:isolate;background:var(--ds-color-surface, #FFFFFF);box-shadow:var(--ds-frame-shadow, 0 12px 40px rgba(16, 16, 16, .16))}.ds-tileframe-card>*{width:100%;height:100%}[data-cardframesolo]:not([data-frame-interactive]){pointer-events:none}.ds-cardframe-solo{position:relative;width:100%;display:flex;justify-content:center}.ds-cardframe-solo-card{width:100%;display:flex;border-radius:var(--ds-frame-radius, 16px);overflow:hidden;isolation:isolate;box-shadow:var(--ds-frame-shadow, 0 12px 40px rgba(16, 16, 16, .16))}.ds-cardframe-solo-card>*{width:100%;height:100%}.animation-tile{position:static;width:100%;max-width:400px;pointer-events:none}.animation-play-toggle{position:absolute;bottom:14px;right:14px;pointer-events:auto;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .2s ease,color .2s ease,transform .22s cubic-bezier(.2,.7,.2,1)}[data-theme=dark] .animation-play-toggle{background:var(--icon-btn-bg)}.animation-play-toggle:focus-visible{background:var(--icon-btn-hover);color:var(--ink)}@media(hover:hover)and (pointer:fine){.animation-play-toggle:hover{background:var(--icon-btn-hover);color:var(--ink)}}@media(hover:hover)and (pointer:fine){.animation-play-toggle:hover{transform:scale(1.08)}}.animation-play-toggle:active{transform:scale(.96)}.animation-play-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.animation-play-toggle-icon{display:none;width:18px;height:18px}.animation-play-toggle-icon--pause{width:8px;height:17px}.animation-play-toggle[data-state=paused] .animation-play-toggle-icon--play,.animation-play-toggle[data-state=playing] .animation-play-toggle-icon--pause{display:block}.animation-play-toggle-icon--play{transform:translate(.5px)}.animation-play-toggle-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.animation-play-toggle-ring circle{fill:none}.animation-play-toggle-ring-bg{stroke:transparent;stroke-width:1.5}.animation-play-toggle-ring-fg{stroke:#3a3a3a;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:0 157.0796;stroke-dashoffset:0}[data-theme=dark] .animation-play-toggle-ring-fg{stroke:#fff}.animation-play-toggle.is-ring-filling .animation-play-toggle-ring-fg{animation:anim-ring-fill var(--ring-ms, 1s) linear forwards}.animation-play-toggle.is-ring-draining .animation-play-toggle-ring-fg{animation:anim-ring-drain var(--ring-ms, 1s) linear forwards}.animation-play-toggle.is-paused .animation-play-toggle-ring-fg{animation-play-state:paused}@keyframes anim-ring-fill{0%{stroke-dasharray:0 157.0796;stroke-dashoffset:0}to{stroke-dasharray:157.0796 0;stroke-dashoffset:0}}@keyframes anim-ring-drain{0%{stroke-dasharray:157.0796 0;stroke-dashoffset:0}to{stroke-dasharray:0 157.0796;stroke-dashoffset:-157.0796}}@media(prefers-reduced-motion:reduce){.animation-play-toggle-ring-fg{animation:none!important}}@media(max-width:700px){.animation-play-toggle{display:none}}