@font-face{font-family:Bricolage;font-style:normal;font-display:swap;font-weight:300 600;src:url(/fonts/studio/bricolage-grotesque.woff2)format("woff2-variations")}@font-face{font-family:Bricolage Display;font-style:normal;font-display:swap;font-weight:300;src:url(/fonts/studio/bricolage-grotesque.woff2)format("woff2-variations")}:root{--grain:url(/img/studio/grain.webp);--key-a:28%;--key-b:8%;--key-size:min(110vw, 980px);--key-y:52%;--floor-y:86%;--dusk:radial-gradient(140% 100% at 50% 38%, #161616 0%, var(--c-night) 52%, var(--c-maroon) 100%);--dusk-up:radial-gradient(140% 100% at 50% 100%, #181818 0%, var(--c-night) 46%, var(--c-maroon) 100%);--key-light:radial-gradient(closest-side, color-mix(in oklab, var(--key-tint) var(--key-a), transparent) 0%, color-mix(in oklab, var(--key-tint) var(--key-b), transparent) 40%, transparent 72%);--key-floor:radial-gradient(closest-side, color-mix(in oklab, var(--key-tint) 26%, transparent) 0%, color-mix(in oklab, var(--key-tint) 6%, transparent) 55%, transparent 100%);--vignette:radial-gradient(130% 110% at 50% 45%, transparent 55%, #0000006b 100%);--ground-fade:linear-gradient(to bottom, transparent calc(100% - 140px), var(--c-night))}.dusk{background-color:var(--c-night);background-image:var(--grain), var(--dusk);color:var(--c-cream)}.film,html.film-3d .film__stage{background-color:var(--c-night);background-image:var(--grain), var(--vignette), var(--key-floor), var(--key-light), var(--dusk);background-size:auto, 100% 100%, min(70vw, 760px) min(14vw, 150px), var(--key-size) var(--key-size), 100% 100%;background-position:0 0, 0 0, calc(var(--pool-x,50%) - min(35vw, 380px) + 0px) calc(var(--floor-y) - min(7vw, 75px)), calc(var(--pool-x,50%) - var(--key-size) / 2) calc(var(--key-y) - var(--key-size) / 2), 0 0;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat}@media (orientation:portrait){:root{--key-y:50%;--floor-y:79%}.film,html.film-3d .film__stage{background-size:auto, 100% 100%, 92vw 18vw, var(--key-size) var(--key-size), 100% 100%;background-position:0 0, 0 0, calc(var(--pool-x,50%) - 46vw) calc(var(--floor-y) - 9vw), calc(var(--pool-x,50%) - var(--key-size) / 2) calc(var(--key-y) - var(--key-size) / 2), 0 0}}html:not(.film-3d) .film{background-size:auto, 100% 100svh, min(70vw, 760px) min(14vw, 150px), var(--key-size) var(--key-size), 100% 100svh}html.film-3d .film__stage:after{content:"";z-index:0;opacity:0;pointer-events:none;transition:opacity .9s var(--ease-out);background:radial-gradient(60% 52% at 50% 36%,#0000 22%,#0e0e0ed6 100%),linear-gradient(#0000 54%,#0e0e0ee6 100%);position:absolute;inset:0}html[data-mela-scene="2"] .film__stage:after,html[data-mela-scene="3"] .film__stage:after{opacity:1}@media (prefers-reduced-motion:reduce){html.film-3d .film__stage:after{transition:none}}.bulbs{display:none}@property --flavour{syntax:"<color>";inherits:true;initial-value:#e6c46e}:root{--c-night:#131313;--c-dusk:#1b1b1b;--c-night-2:#1b1b1b;--c-night-3:#242424;--c-maroon:#0e0e0e;--c-maroon-2:#1b1b1b;--c-cream:#ece8df;--c-cream-dim:#ece8dfa8;--c-marigold:#ece8df;--c-rani:#8d8780;--c-line:#ece8df1f;--c-error:#e0907f;--c-error-ink:#eab3a6;--c-studio:var(--c-night);--key-tint:var(--flavour);--c-green:#1e6b2f;--c-green-lit:#92c29c;--c-gold:#b5854a;--c-gold-deep:#8d683a;--f-pineapple-basil:#e6c46e;--f-pineapple-basil-deep:#8c6907;--f-pink-guava-basil:#e2a9a2;--f-pink-guava-basil-deep:#a8403c;--f-mango-basil:#e5a462;--f-mango-basil-deep:#a06006;--f-kiwi-nata:#a9c978;--f-kiwi-nata-deep:#547924;--f-pineapple-nata:#ead585;--f-pineapple-nata-deep:#866b00;--f-coconut-water:#5e9a73;--f-coconut-water-deep:#2a7e34;--f-coconut-water-lit:#9ccbaa;--c-ember:#b8773e;--c-dark:var(--c-night);--c-pineapple-basil:var(--f-pineapple-basil);--c-pink-guava-basil:var(--f-pink-guava-basil);--c-mango-basil:var(--f-mango-basil);--c-kiwi-nata:var(--f-kiwi-nata);--c-pineapple-nata:var(--f-pineapple-nata);--c-coconut-water:var(--f-coconut-water);--flavour-deep:var(--f-pineapple-basil-deep);--flavour-ink:var(--c-night);--track-display:-.045em;--font:"Bricolage", "Helvetica Neue", Arial, system-ui, sans-serif;--font-display:"Bricolage Display", "Helvetica Neue", Arial, system-ui, sans-serif;--w-text:400;--w-ui:500;--w-strong:600;--t-hero:clamp(4.75rem, 2.2rem + 12.5vw, 13.5rem);--t-display:clamp(2.75rem, 1.5rem + 5.4vw, 6.25rem);--t-title:clamp(1.5rem, 1.15rem + 1.6vw, 2.25rem);--t-lead:clamp(1.125rem, 1rem + .5vw, 1.375rem);--t-body:clamp(1rem, .95rem + .2vw, 1.0625rem);--t-small:.875rem;--t-legal:.8125rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--s-11:192px;--section-gap:clamp(96px, 10vw + 56px, 192px);--gutter:16px;--r-round:999px;--r-surface:0;--shadow-float:0 8px 20px -8px #000000b3;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--edge-l:max(var(--gutter), var(--safe-l));--edge-r:max(var(--gutter), var(--safe-r));--header-h:64px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-juice:cubic-bezier(.34, 1.36, .64, 1);--dur-press:.12s;--dur-quick:.16s;--dur-ui:.24s;--dur-panel:.42s;--dur-type:1s;--dur-light:.4s;--dur-scene:1.2s;--dist-micro:4px;--dist-base:8px;--dist-type:.22em;--scale-press:.96;--rv-dist:14px;--rv-dur:1s;--rv-step:70ms;--rv-word:45ms;color-scheme:dark}:root[data-flavour=pink-guava-basil]{--flavour-deep:var(--f-pink-guava-basil-deep)}:root[data-flavour=mango-basil]{--flavour-deep:var(--f-mango-basil-deep)}:root[data-flavour=kiwi-nata]{--flavour-deep:var(--f-kiwi-nata-deep)}:root[data-flavour=pineapple-nata]{--flavour-deep:var(--f-pineapple-nata-deep)}*,:before,:after{box-sizing:border-box}@media (width>=768px){:root{--gutter:32px;--header-h:76px}}@media (width>=1280px){:root{--gutter:48px}}html{background:var(--root-bg,var(--c-night));transition:--flavour .4s var(--ease-out);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html:has(dialog[open]){overflow:hidden}a,button,[role=button]{touch-action:manipulation}button,[role=button]{-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}body{font-family:var(--font);font-weight:var(--w-text);font-optical-sizing:auto;background:var(--c-night);color:var(--c-cream);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6;overflow-x:clip}h1,h2,h3{text-wrap:balance;font-variant-numeric:proportional-nums}p{text-wrap:pretty}::selection{background:var(--flavour);color:var(--flavour-ink)}.t-hero,.t-display{font-family:var(--font-display);font-synthesis:none;font-optical-sizing:auto;letter-spacing:var(--track-display);font-weight:400;line-height:.9}.t-hero{font-size:var(--t-hero)}.t-display{font-size:var(--t-display)}.t-title{font-size:var(--t-title);font-weight:var(--w-ui);letter-spacing:-.02em;line-height:1.08}.t-lead{font-size:var(--t-lead);font-weight:var(--w-text);letter-spacing:-.01em;line-height:1.45}.t-small{font-size:var(--t-small);font-weight:var(--w-ui);letter-spacing:.005em;line-height:1.4}.nums{font-variant-numeric:tabular-nums lining-nums}.btn{--btn-h:52px;height:var(--btn-h);border-radius:var(--r-round);background:var(--c-marigold);color:var(--c-night);font:var(--w-ui) 1rem/1 var(--font);letter-spacing:-.005em;letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-touch-callout:none;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-ui) var(--ease-out);border:0;justify-content:center;align-items:center;gap:12px;padding:0 22px 0 26px;text-decoration:none;display:inline-flex}.btn .icon{transition:transform var(--dur-quick) var(--ease-out);flex:none}.btn:active{transform:scale(var(--scale-press))}.btn:focus-visible{outline:2px solid var(--c-cream);outline-offset:3px}.btn[disabled],.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.btn--secondary{background:var(--c-night-2);color:var(--c-cream)}.btn--quiet{color:var(--c-cream);background:#f3ebdd1a}.btn--ink{background:var(--c-cream);color:var(--c-night)}.btn--sm{--btn-h:40px;font-size:var(--t-small);gap:8px;padding:0 16px 0 18px}@media (width>=1024px){.btn:not(.btn--sm){--btn-h:56px}}@media (pointer:coarse){.btn--sm{--btn-h:44px}}input,textarea,select{font-size:max(16px,1em)}@media (hover:hover) and (pointer:fine){.btn:hover{background-color:#fff}.btn:hover .icon{transform:translate(4px)}.btn--secondary:hover{background-color:var(--c-night-3)}.btn--quiet:hover{background-color:#f3ebdd29}.btn--ink:hover{background-color:#fff}.btn:hover{transition-duration:var(--dur-press), var(--dur-quick)}}.link{color:inherit;text-underline-offset:5px;transition:text-decoration-color var(--dur-quick) var(--ease-out);text-decoration:underline 1px #ece8df66}@media (hover:hover) and (pointer:fine){.link:hover{text-decoration-color:currentColor}}.seed-glyph{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Ccircle r='11' fill='%23ece8df' fill-opacity='.3'/%3E%3Cellipse rx='5.6' ry='3.7' transform='rotate(-20)' fill='%23131313'/%3E%3Cellipse cx='1.6' cy='-1.6' rx='1.6' ry='1' fill='%23ece8df' fill-opacity='.9'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:12px;height:12px;display:inline-block}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--focus,var(--c-cream));outline-offset:3px}[data-surface=dark]{--focus:var(--c-cream)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:calc(var(--safe-t) + 8px);left:var(--edge-l);border-radius:var(--r-round);background:var(--c-cream);height:44px;color:var(--c-night);font:var(--w-ui) var(--t-small)/1 var(--font);transition:transform var(--dur-quick) var(--ease-out);align-items:center;padding:0 18px;text-decoration:none;display:inline-flex;position:fixed;transform:translateY(calc(-100% - 24px))}.skip-link:focus-visible{outline-color:var(--flavour);transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}[data-motion=move]{transform:none!important}}html.rv .rv-split{opacity:1!important;transform:none!important}.rv-w{clip-path:inset(-.6em -.3em 0);margin-bottom:-.16em;padding-bottom:.16em;display:inline-block}.rv-w>span{display:inline-block}html.rv .rv-w>span{transition:transform var(--rv-dur) var(--ease-expo) calc(var(--rv-i,var(--i,0)) * var(--rv-step) + var(--wi,0) * var(--rv-word))}html.rv :is([data-reveal],.reveal):not(.is-in) .rv-w>span{transform:translateY(112%)}html.has-magnet .btn{transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-ui) var(--ease-out), translate .42s var(--ease-out)}html.has-magnet .btn.is-magnet{transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-quick) var(--ease-out), translate .14s linear}