/* GENERATED by Head of Design/brand/build-tokens.mjs from tokens.json v1.1.1, sha256 430244a450a2. Do not edit. */
:root{
  --color-ink:#051A49;
  --color-ink-2:#4A5870;
  --color-ink-3:#5F6B80;
  --color-ground:#E8EDF2;
  --color-surface:#FFFFFF;
  --color-surface-raised:#F2F4F8;
  --color-line:#DDE3EB;
  --color-brand:#1CB0F6;
  --color-action:#0077B6;
  --color-on-action:#FFFFFF;
  --color-action-edge:#005F73;
  --color-link:#005F73;
  --color-marker:#FFD85C;
  --color-success:#4CB036;
  --color-success-text:#2E7D12;
  --color-error-text:#B91C1C;
  --color-figure:#051A49;
  --color-dark:#051A49;
  --color-dark-raised:#233866;
  --color-on-dark:#FFFFFF;
  --color-band-start:#005F73;
  --color-band-end:#0077B6;
  --world-blue-bg:#1CB0F6;
  --world-blue-on:#051A49;
  --world-sand-bg:#FFD85C;
  --world-sand-on:#051A49;
  --world-coral-bg:#F2878D;
  --world-coral-on:#051A49;
  --world-palm-bg:#4CB036;
  --world-palm-on:#051A49;
  --world-shallows-bg:#82D9E0;
  --world-shallows-on:#051A49;
  --world-navy-bg:#051A49;
  --world-navy-on:#FFFFFF;
  --art-finn-suit:#051A49;
  --art-finn-suit-mid:#233866;
  --art-finn-suit-light:#2A487C;
  --art-finn-dolphin:#24A8D1;
  --art-finn-dolphin-light:#64CBFF;
  --art-finn-belly:#9CE3FF;
  --art-finn-tie:#A03837;
  --art-finn-tie-light:#D55659;
  --art-finn-mouth:#F2878D;
  --art-island-sand:#FFD85C;
  --art-island-sand-pale:#F4F4C6;
  --art-island-sand-golden:#F4C74A;
  --art-island-palm:#4CB036;
  --art-island-palm-dark:#32891D;
  --art-island-lime:#A5CC46;
  --art-island-olive:#72961A;
  --art-island-bark:#6D4C11;
  --art-island-lagoon:#6DBAC4;
  --art-island-lagoon-deep:#028090;
  --art-island-shallows:#82D9E0;
  --font-family-sans:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-family-mono:"Geist Mono",ui-monospace,Menlo,monospace;
  --font-family-email:Geist,Helvetica,Arial,sans-serif;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;
  --font-weight-heavy:800;
  --type-hero-size:72px; --type-hero-weight:800; --type-hero-line:1; --type-hero-tracking:-2.2px;
  --type-display-size:44px; --type-display-weight:800; --type-display-line:1.05; --type-display-tracking:-1.3px;
  --type-title-size:26px; --type-title-weight:700; --type-title-line:1.15; --type-title-tracking:-0.5px;
  --type-subtitle-size:20px; --type-subtitle-weight:700; --type-subtitle-line:1.25; --type-subtitle-tracking:-0.2px;
  --type-body-large-size:18px; --type-body-large-weight:400; --type-body-large-line:1.5; --type-body-large-tracking:0px;
  --type-body-size:16px; --type-body-weight:400; --type-body-line:1.5; --type-body-tracking:0px;
  --type-label-size:17px; --type-label-weight:800; --type-label-line:1; --type-label-tracking:0.3px;
  --type-caption-size:14px; --type-caption-weight:500; --type-caption-line:1.4; --type-caption-tracking:0px;
  --type-eyebrow-size:12px; --type-eyebrow-weight:700; --type-eyebrow-line:1; --type-eyebrow-tracking:1.2px;
  --type-figure-hero-size:56px; --type-figure-hero-weight:800; --type-figure-hero-line:1; --type-figure-hero-tracking:-1.6px;
  --type-figure-size:16px; --type-figure-weight:700; --type-figure-line:1.3; --type-figure-tracking:0px;
  --space-xs:6px;
  --space-sm:12px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:28px;
  --space-xxl:36px;
  --space-xxxl:48px;
  --space-huge:72px;
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-xl:16px;
  --radius-card:20px;
  --radius-sheet:24px;
  --radius-pill:999px;
  --component-button-height:52px;
  --component-button-edge:4px;
  --component-button-radius:999px;
  --component-email-button-height:48px;
  --component-email-button-edge:4px;
  --component-email-button-radius:12px;
  --component-email-width:600px;
  --shadow-sm:0px 2px 8px 0px rgba(5,26,73,0.1);
  --shadow-md:0px 6px 18px 0px rgba(5,26,73,0.14);
  --shadow-sticker:0px 9px 10px 0px rgba(5,26,73,0.3);
  --shadow-sm-drop:0px 2px 8px rgba(5,26,73,0.1);
  --shadow-md-drop:0px 6px 18px rgba(5,26,73,0.14);
  --shadow-sticker-drop:0px 9px 10px rgba(5,26,73,0.3);
  --duration-fast:200ms;
  --duration-normal:300ms;
  --duration-slow:500ms;
  --duration-entrance:220ms;
  --duration-count-up:1100ms;
  --duration-pop:600ms;
  --ease-enter:cubic-bezier(0.22,1,0.36,1);
  --ease-standard:cubic-bezier(0.16,1,0.3,1);
  --ease-exit:cubic-bezier(0.4,0,1,1);
  --spring-snappy:linear(0.0000 0.0%, 0.0326 1.7%, 0.1192 3.3%, 0.2433 5.0%, 0.3894 6.7%, 0.5438 8.3%, 0.6950 10.0%, 0.8343 11.7%, 0.9554 13.3%, 1.0543 15.0%, 1.1295 16.7%, 1.1811 18.3%, 1.2107 20.0%, 1.2210 21.7%, 1.2153 23.3%, 1.1973 25.0%, 1.1706 26.7%, 1.1386 28.3%, 1.1046 30.0%, 1.0709 31.7%, 1.0398 33.3%, 1.0125 35.0%, 0.9901 36.7%, 0.9729 38.3%, 0.9609 40.0%, 0.9539 41.7%, 0.9512 43.3%, 0.9521 45.0%, 0.9558 46.7%, 0.9616 48.3%, 0.9686 50.0%, 0.9761 51.7%, 0.9835 53.3%, 0.9905 55.0%, 0.9966 56.7%, 1.0017 58.3%, 1.0056 60.0%, 1.0084 61.7%, 1.0101 63.3%, 1.0108 65.0%, 1.0106 66.7%, 1.0099 68.3%, 1.0086 70.0%, 1.0071 71.7%, 1.0055 73.3%, 1.0038 75.0%, 1.0023 76.7%, 1.0009 78.3%, 0.9997 80.0%, 0.9988 81.7%, 0.9982 83.3%, 0.9978 85.0%, 0.9976 86.7%, 0.9976 88.3%, 0.9978 90.0%, 0.9981 91.7%, 0.9984 93.3%, 0.9987 95.0%, 0.9991 96.7%, 0.9995 98.3%, 1.0000 100.0%);
  --spring-snappy-duration:921ms;
  --spring-gentle:linear(0.0000 0.0%, 0.0225 1.7%, 0.0826 3.3%, 0.1701 5.0%, 0.2755 6.7%, 0.3906 8.3%, 0.5083 10.0%, 0.6232 11.7%, 0.7307 13.3%, 0.8278 15.0%, 0.9123 16.7%, 0.9833 18.3%, 1.0404 20.0%, 1.0840 21.7%, 1.1150 23.3%, 1.1346 25.0%, 1.1444 26.7%, 1.1459 28.3%, 1.1408 30.0%, 1.1307 31.7%, 1.1169 33.3%, 1.1010 35.0%, 1.0839 36.7%, 1.0668 38.3%, 1.0502 40.0%, 1.0349 41.7%, 1.0213 43.3%, 1.0095 45.0%, 0.9997 46.7%, 0.9920 48.3%, 0.9862 50.0%, 0.9822 51.7%, 0.9797 53.3%, 0.9787 55.0%, 0.9788 56.7%, 0.9798 58.3%, 0.9815 60.0%, 0.9836 61.7%, 0.9860 63.3%, 0.9885 65.0%, 0.9910 66.7%, 0.9933 68.3%, 0.9955 70.0%, 0.9974 71.7%, 0.9991 73.3%, 1.0004 75.0%, 1.0015 76.7%, 1.0022 78.3%, 1.0027 80.0%, 1.0030 81.7%, 1.0031 83.3%, 1.0031 85.0%, 1.0029 86.7%, 1.0026 88.3%, 1.0023 90.0%, 1.0019 91.7%, 1.0016 93.3%, 1.0012 95.0%, 1.0009 96.7%, 1.0006 98.3%, 1.0000 100.0%);
  --spring-gentle-duration:986ms;
  --spring-bouncy:linear(0.0000 0.0%, 0.0486 1.7%, 0.1763 3.3%, 0.3549 5.0%, 0.5572 6.7%, 0.7593 8.3%, 0.9424 10.0%, 1.0933 11.7%, 1.2043 13.3%, 1.2734 15.0%, 1.3027 16.7%, 1.2976 18.3%, 1.2657 20.0%, 1.2155 21.7%, 1.1554 23.3%, 1.0931 25.0%, 1.0349 26.7%, 0.9854 28.3%, 0.9475 30.0%, 0.9223 31.7%, 0.9095 33.3%, 0.9078 35.0%, 0.9152 36.7%, 0.9289 38.3%, 0.9465 40.0%, 0.9655 41.7%, 0.9838 43.3%, 0.9998 45.0%, 1.0126 46.7%, 1.0216 48.3%, 1.0267 50.0%, 1.0282 51.7%, 1.0268 53.3%, 1.0232 55.0%, 1.0181 56.7%, 1.0124 58.3%, 1.0067 60.0%, 1.0016 61.7%, 0.9973 63.3%, 0.9942 65.0%, 0.9923 66.7%, 0.9915 68.3%, 0.9916 70.0%, 0.9925 71.7%, 0.9939 73.3%, 0.9956 75.0%, 0.9974 76.7%, 0.9990 78.3%, 1.0004 80.0%, 1.0015 81.7%, 1.0022 83.3%, 1.0026 85.0%, 1.0026 86.7%, 1.0024 88.3%, 1.0020 90.0%, 1.0015 91.7%, 1.0010 93.3%, 1.0005 95.0%, 1.0000 96.7%, 0.9996 98.3%, 1.0000 100.0%);
  --spring-bouncy-duration:1380ms;
  --spring-weighty:linear(0.0000 0.0%, 0.0096 1.7%, 0.0355 3.3%, 0.0739 5.0%, 0.1215 6.7%, 0.1755 8.3%, 0.2337 10.0%, 0.2940 11.7%, 0.3550 13.3%, 0.4153 15.0%, 0.4740 16.7%, 0.5304 18.3%, 0.5838 20.0%, 0.6340 21.7%, 0.6806 23.3%, 0.7235 25.0%, 0.7626 26.7%, 0.7981 28.3%, 0.8301 30.0%, 0.8586 31.7%, 0.8838 33.3%, 0.9060 35.0%, 0.9254 36.7%, 0.9422 38.3%, 0.9566 40.0%, 0.9688 41.7%, 0.9791 43.3%, 0.9876 45.0%, 0.9947 46.7%, 1.0004 48.3%, 1.0049 50.0%, 1.0083 51.7%, 1.0110 53.3%, 1.0128 55.0%, 1.0141 56.7%, 1.0148 58.3%, 1.0151 60.0%, 1.0151 61.7%, 1.0148 63.3%, 1.0143 65.0%, 1.0136 66.7%, 1.0128 68.3%, 1.0120 70.0%, 1.0111 71.7%, 1.0101 73.3%, 1.0092 75.0%, 1.0083 76.7%, 1.0074 78.3%, 1.0066 80.0%, 1.0058 81.7%, 1.0051 83.3%, 1.0044 85.0%, 1.0038 86.7%, 1.0033 88.3%, 1.0028 90.0%, 1.0023 91.7%, 1.0019 93.3%, 1.0015 95.0%, 1.0012 96.7%, 1.0010 98.3%, 1.0000 100.0%);
  --spring-weighty-duration:863ms;
  --spring-sheet:linear(0.0000 0.0%, 0.0080 1.7%, 0.0296 3.3%, 0.0618 5.0%, 0.1018 6.7%, 0.1473 8.3%, 0.1967 10.0%, 0.2483 11.7%, 0.3008 13.3%, 0.3534 15.0%, 0.4050 16.7%, 0.4552 18.3%, 0.5035 20.0%, 0.5495 21.7%, 0.5930 23.3%, 0.6338 25.0%, 0.6719 26.7%, 0.7071 28.3%, 0.7397 30.0%, 0.7695 31.7%, 0.7968 33.3%, 0.8216 35.0%, 0.8440 36.7%, 0.8643 38.3%, 0.8824 40.0%, 0.8987 41.7%, 0.9131 43.3%, 0.9259 45.0%, 0.9373 46.7%, 0.9472 48.3%, 0.9560 50.0%, 0.9636 51.7%, 0.9702 53.3%, 0.9759 55.0%, 0.9808 56.7%, 0.9850 58.3%, 0.9885 60.0%, 0.9915 61.7%, 0.9941 63.3%, 0.9962 65.0%, 0.9979 66.7%, 0.9993 68.3%, 1.0004 70.0%, 1.0013 71.7%, 1.0020 73.3%, 1.0025 75.0%, 1.0028 76.7%, 1.0031 78.3%, 1.0032 80.0%, 1.0033 81.7%, 1.0033 83.3%, 1.0033 85.0%, 1.0032 86.7%, 1.0031 88.3%, 1.0029 90.0%, 1.0028 91.7%, 1.0026 93.3%, 1.0024 95.0%, 1.0022 96.7%, 1.0021 98.3%, 1.0000 100.0%);
  --spring-sheet-duration:532ms;
  --sticker-edge:3px;
  --sticker-tilt-max:9deg;
}
[data-ground="blue"]{--ground:var(--world-blue-bg);--on-ground:var(--world-blue-on);background:var(--ground);color:var(--on-ground)}
[data-ground="sand"]{--ground:var(--world-sand-bg);--on-ground:var(--world-sand-on);background:var(--ground);color:var(--on-ground)}
[data-ground="coral"]{--ground:var(--world-coral-bg);--on-ground:var(--world-coral-on);background:var(--ground);color:var(--on-ground)}
[data-ground="palm"]{--ground:var(--world-palm-bg);--on-ground:var(--world-palm-on);background:var(--ground);color:var(--on-ground)}
[data-ground="shallows"]{--ground:var(--world-shallows-bg);--on-ground:var(--world-shallows-on);background:var(--ground);color:var(--on-ground)}
[data-ground="navy"]{--ground:var(--world-navy-bg);--on-ground:var(--world-navy-on);background:var(--ground);color:var(--on-ground)}
/* Recipes. A sticker: flat art, white die-cut edge, soft navy shadow (D12, D13). */
.df-sticker{--e:var(--sticker-edge);filter:drop-shadow(var(--e) 0 0 #FFF) drop-shadow(calc(var(--e)*-1) 0 0 #FFF) drop-shadow(0 var(--e) 0 #FFF) drop-shadow(0 calc(var(--e)*-1) 0 #FFF) drop-shadow(var(--shadow-sticker-drop))}
.df-tilt-l{rotate:-7deg}.df-tilt-r{rotate:6deg}.df-tilt-l2{rotate:-3deg}.df-tilt-r2{rotate:9deg}
/* Euro figures: ink or white, tabular, never coloured (D13). */
.df-figure{color:var(--color-figure);font-variant-numeric:tabular-nums}
/* The tactile button: a face on its own edge that sinks on press. */
.df-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--component-button-height);padding:0 24px;border:0;border-radius:var(--radius-pill);background:var(--color-action);color:var(--color-on-action);font:var(--type-label-weight) var(--type-label-size)/1 var(--font-family-sans);letter-spacing:var(--type-label-tracking);box-shadow:0 var(--component-button-edge) 0 var(--color-action-edge);transition:translate var(--spring-snappy-duration) var(--spring-snappy),box-shadow var(--duration-fast) var(--ease-enter);cursor:pointer}
.df-button:active{translate:0 var(--component-button-edge);box-shadow:0 0 0 var(--color-action-edge)}
@media (prefers-reduced-motion:reduce){.df-button{transition:none}}