@layer tokens,base,atoms,layout,sections,scenes;@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(https://fonts.gstatic.com/s/hostgrotesk/v5/co3BmWBnlCJ3U42vbbfdwMjZqljm0U0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(https://fonts.gstatic.com/s/hostgrotesk/v5/co3BmWBnlCJ3U42vbbfdwMjZpFjm.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer tokens{:root{--color-primary:#fff;--color-secondary:#000;--color-accent:#a6ef4c;--bg-primary:#fff;--bg-secondary:#000;--bg-accent:#a6ef4c;--text-primary:#000;--text-secondary:#666;--text-light:#fff;--text-accent:#a6ef4c;--button-primary-bg:#a6ef4c;--button-primary-text:#000;--button-secondary-bg:#000;--button-secondary-text:#fff;--border-primary:#e5e5e5;--border-dark:#333;--shadow-primary:0 4px 20px #00000014;--color-1:#000;--color-2:#fff;--color-3:#e5e5e5;--color-4:#a6ef4c;--color-5:#666;--color-6:#000;--color-7:#fff;--color-8:#000;--color-9:#666;--font-1:"Inter", Arial, sans-serif;--font-heading:"Poppins", "Inter", Arial, sans-serif;--radius-1:3.5rem;--radius-2:1.75rem;--radius-3:62.5rem;--radius-4:1.25rem;--shadow-1:0 1.5rem 3rem -1.5rem color-mix(in srgb, var(--color-1) 60%, transparent);--shadow-2:0 .75rem 1.75rem -.75rem color-mix(in srgb, var(--color-4) 85%, transparent);--space-1:clamp(1.125rem, 4.2vw, 3.5rem);--space-2:clamp(5rem, 10vw, 9rem)}}@layer base,atoms,layout,sections,scenes;
@layer tokens;@layer base{@font-face{font-family:Host Grotesk Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Helvetica Bold);font-weight:550 799;size-adjust:95.7%;ascent-override:106.6%;descent-override:33.4%;line-gap-override:0%}@font-face{font-family:Host Grotesk Fallback;src:local(Arial),local(ArialMT),local(Helvetica);font-weight:100 549;size-adjust:103.3%;ascent-override:98.8%;descent-override:31%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--color-1);scroll-padding-top:var(--page-nav-h,6rem)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--color-2);color:var(--color-1);margin:0}img,svg{max-width:100%;display:block}img{height:auto}h1,h2,h3,p,ol,ul,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;line-height:1.15}body{line-height:1.6}ol,ul{padding:0;list-style:none}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:.1875rem solid var(--color-1);outline-offset:.1875rem}.on-dark :focus-visible{outline-color:var(--color-2)}::selection{background:var(--color-4);color:var(--color-1)}.skip-link{z-index:100;border-radius:var(--radius-3);background:var(--color-2);color:var(--color-1);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;translate:0 -200%}.skip-link:focus-visible{translate:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer atoms,layout,sections,scenes;
@layer tokens,base;@layer atoms{.m-text{font-family:var(--font-1);letter-spacing:0;text-transform:none;font-size:1.0625rem;font-style:normal;font-weight:400;line-height:1.55}.m-text-2{font-family:var(--font-heading);letter-spacing:-.045em;text-transform:none;font-size:clamp(3rem,6.4vw,6rem);font-style:normal;font-weight:600;line-height:1.08}.m-text-3{font-family:var(--font-heading);letter-spacing:-.04em;text-transform:none;font-size:clamp(2.25rem,5.4vw,5rem);font-style:normal;font-weight:600;line-height:1.12}.m-text-4{font-family:var(--font-1);letter-spacing:-.01em;text-transform:none;font-size:clamp(1.125rem,1.35vw,1.3125rem);font-style:normal;font-weight:400;line-height:1.45}.m-text-5{font-family:var(--font-heading);letter-spacing:-.02em;text-transform:none;font-size:clamp(1.1875rem,1.6vw,1.4375rem);font-style:normal;font-weight:600;line-height:1.2}.m-text-6{font-family:var(--font-1);letter-spacing:-.005em;text-transform:none;font-size:.9375rem;font-style:normal;font-weight:600;line-height:1.25}.m-text-7{font-family:var(--font-1);letter-spacing:0;text-transform:none;color:color-mix(in srgb, currentColor 78%, transparent);font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}.m-text-8{font-family:var(--font-1);letter-spacing:0;text-transform:none;color:color-mix(in srgb, currentColor 76%, transparent);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5}.m-btn{border-radius:var(--radius-3);background:var(--color-4);min-height:3.25rem;color:var(--color-1);font-family:var(--font-1);letter-spacing:-.005em;box-shadow:var(--shadow-2);cursor:pointer;border:0;justify-content:center;align-items:center;padding:.875rem 1.625rem;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.m-btn-2{border-radius:var(--radius-3);background:var(--color-1);min-height:3.25rem;color:var(--color-2);font-family:var(--font-1);letter-spacing:-.005em;cursor:pointer;border:0;justify-content:center;align-items:center;padding:.875rem 1.625rem;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.m-btn-3{border-radius:var(--radius-3);background:var(--color-4);min-height:2.75rem;color:var(--color-1);font-family:var(--font-1);letter-spacing:-.005em;cursor:pointer;border:0;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.m-btn__label{transition:translate .45s cubic-bezier(.2,.7,.2,1);display:block}.m-btn__wave{opacity:0;align-items:center;gap:.125rem;height:.875rem;transition:opacity .3s;display:flex;position:absolute;top:50%;right:1rem;translate:0 -50%}.m-btn__wave i{transform-origin:50%;background:currentColor;border-radius:.125rem;width:.1875rem;height:100%;scale:1 .35}@media (hover:hover){.m-btn:hover .m-btn__label,.m-btn-2:hover .m-btn__label,.m-btn-3:hover .m-btn__label{translate:-.5rem}.m-btn:hover .m-btn__wave,.m-btn-2:hover .m-btn__wave,.m-btn-3:hover .m-btn__wave{opacity:1}.m-btn:hover .m-btn__wave i,.m-btn-2:hover .m-btn__wave i,.m-btn-3:hover .m-btn__wave i{animation:.7s ease-in-out infinite alternate m-btn-talk}.m-btn:hover .m-btn__wave i:nth-child(2),.m-btn-2:hover .m-btn__wave i:nth-child(2),.m-btn-3:hover .m-btn__wave i:nth-child(2){animation-delay:-.35s}.m-btn:hover .m-btn__wave i:nth-child(3),.m-btn-2:hover .m-btn__wave i:nth-child(3),.m-btn-3:hover .m-btn__wave i:nth-child(3){animation-delay:-.6s}}@keyframes m-btn-talk{0%{scale:1 .3}to{scale:1}}.m-link{color:inherit;background-image:linear-gradient(currentColor, currentColor), linear-gradient(color-mix(in srgb, currentColor 34%, transparent), color-mix(in srgb, currentColor 34%, transparent));background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:0% .125rem,100% .0625rem;padding-bottom:.125rem;font-weight:600;text-decoration:none;transition:background-size .5s cubic-bezier(.2,.7,.2,1)}.m-link-2{color:inherit;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% .125rem;padding-bottom:.125rem;font-weight:500;text-decoration:none;transition:background-size .5s cubic-bezier(.2,.7,.2,1)}@media (hover:hover){.m-link:hover{background-size:100% .125rem,100% .0625rem}.m-link-2:hover{background-size:100% .125rem}}.m-icon-btn{border:.0625rem solid color-mix(in srgb, var(--color-2) 22%, transparent);border-radius:var(--radius-3);width:3rem;height:3rem;color:var(--color-2);cursor:pointer;isolation:isolate;background:0 0;place-items:center;padding:0;display:inline-grid;position:relative;overflow:hidden}.m-icon-btn:before{content:"";z-index:-1;background:var(--color-4);transform-origin:50% 100%;transition:scale .4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;scale:1 0}.m-icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:1.375rem;height:1.375rem}@media (hover:hover){.m-icon-btn:hover{color:var(--color-1)}.m-icon-btn:hover:before{scale:1}}.m-caption{border-radius:var(--radius-4) var(--radius-4) var(--radius-4) .3125rem;background:var(--color-2);max-width:100%;color:var(--color-1);font-family:var(--font-1);letter-spacing:-.005em;box-shadow:var(--shadow-1);align-items:center;gap:.625rem;padding:.625rem 1rem .625rem .8125rem;font-size:.9375rem;font-weight:500;line-height:1.3;display:inline-flex}.m-caption-2{border-radius:var(--radius-4) var(--radius-4) .3125rem var(--radius-4);background:var(--color-4);max-width:100%;color:var(--color-1);font-family:var(--font-1);letter-spacing:-.005em;box-shadow:var(--shadow-1);align-items:center;gap:.625rem;padding:.625rem 1rem .625rem .8125rem;font-size:.9375rem;font-weight:500;line-height:1.3;display:inline-flex}.m-caption__wave{flex:none;align-items:center;gap:.125rem;height:.875rem;display:inline-flex}.m-caption__wave i{background:var(--color-4);border-radius:.125rem;width:.1875rem;height:45%}.m-caption__wave i:nth-child(2){height:100%}.m-caption__wave i:nth-child(3){height:65%}.m-caption__wave i:nth-child(4){height:85%}.m-caption-2 .m-caption__wave i{background:var(--color-1)}.m-caption__text{min-width:0}.m-card{border-radius:var(--radius-2);background:var(--color-3);color:var(--color-1);align-content:start;gap:.875rem;padding:1.5rem 1.5rem 1.375rem;display:grid}.m-field{gap:.5rem;display:grid}.m-field__label{font-family:var(--font-1);letter-spacing:-.005em;font-size:.9375rem;font-weight:600;line-height:1.25}.m-field__input{border:.0625rem solid color-mix(in srgb, var(--color-1) 55%, transparent);background:var(--color-2);width:100%;min-height:3.25rem;color:var(--color-1);font-family:var(--font-1);resize:vertical;border-radius:.875rem;padding:.875rem 1rem;font-size:1rem;line-height:1.4}.m-field__input:focus-visible{border-color:var(--color-1)}.m-field__input:user-invalid{border-color:var(--color-4);outline:.0625rem solid var(--color-4);outline-offset:-.125rem}.m-band{z-index:0;top:0;left:0;right:0;bottom:calc(-1 * var(--radius-1));background:var(--color-2);clip-path:inset(0% 0% 0% 0% round var(--radius-1) var(--radius-1) 0 0);pointer-events:none;position:absolute}.m-band-2{z-index:0;top:0;left:0;right:0;bottom:calc(-1 * var(--radius-1));background:var(--color-3);clip-path:inset(0% 0% 0% 0% round var(--radius-1) var(--radius-1) 0 0);pointer-events:none;position:absolute}.m-band-3{z-index:0;top:0;left:0;right:0;bottom:calc(-1 * var(--radius-1));background:var(--color-6);clip-path:inset(0% 0% 0% 0% round var(--radius-1) var(--radius-1) 0 0);pointer-events:none;position:absolute}.m-band-4{z-index:0;top:0;left:0;right:0;bottom:calc(-1 * var(--radius-1));background:var(--color-1);clip-path:inset(0% 0% 0% 0% round var(--radius-1) var(--radius-1) 0 0);pointer-events:none;position:absolute}}@layer layout,sections,scenes;
@layer tokens,base,atoms;@layer layout{.l-wrap{width:100%;max-width:88rem;padding-inline:var(--space-1);margin-inline:auto}}@layer sections,scenes;
@layer tokens,base,atoms,layout,sections;@layer scenes{[data-8b-live]{--ease-expo-out:linear(0, .1587, .2915, .403, .4969, .576, .6429, .6996, .7476, .7883, .8229, .8523, .8772, .8983, .9162, .9312, .9438, .9544, .9632, .9705, .9766, .9815, .9855, .9887, .9913, .9933, .9949, .9962, .9971, .9979, .9984, .9989, .9992, .9994, .9996, .9997, .9998, .9999, .9999, 1, 1)}[data-8b-live] [data-8b-motion~=captionIn] .line__in{animation-name:motion-captionin-line-in-translate;animation-duration:1s;animation-delay:calc(0s + 90ms * var(--i));animation-timing-function:var(--ease-expo-out);animation-play-state:paused;animation-fill-mode:both;transform:none}[data-8b-live] [data-8b-motion~=captionIn].is-in .line__in{animation-play-state:running}@keyframes motion-captionin-line-in-translate{0%{translate:0 108%}to{translate:0}}[data-8b-live] [data-8b-motion~=readAlong]{view-timeline:--motion-read block}[data-8b-live] [data-8b-motion~=readAlong] .w{color:color-mix(in srgb, currentColor calc(var(--motion-ink) * 100%), transparent);animation-name:motion-read-along;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--motion-read;animation-range:cover calc(12vh + (100% - 72vh) * var(--i) * .12 / (.48 + .12 * var(--n))) cover calc(12vh + (100% - 72vh) * (var(--i) * .12 + .6) / (.48 + .12 * var(--n)))}@keyframes motion-read-along{0%{--motion-ink:.22}to{--motion-ink:1}}[data-8b-live] [data-8b-motion~=bandRise]{--motion-band-side:4%;animation-name:motion-band-rise;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover cover 75vh}@media (max-width:47.99rem){[data-8b-live] [data-8b-motion~=bandRise]{--motion-band-side:2.5%}}@keyframes motion-band-rise{0%{clip-path:inset(0% var(--motion-band-side) 0% var(--motion-band-side) round round(calc(var(--radius-1) * 2.6), 1px) round(calc(var(--radius-1) * 2.6), 1px) 0px 0px)}to{clip-path:inset(0% 0% 0% 0% round var(--radius-1) var(--radius-1) 0px 0px)}}}@property --motion-ink{syntax:"<number>";inherits:false;initial-value:1}
@layer tokens,base,atoms,layout,sections;@layer scenes{html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}#listen.is-staged .listen__hold{height:250vh}#listen.is-staged .listen__stage{flex-direction:column;justify-content:center;height:100vh;padding-block:5.5rem 2rem;display:flex;position:sticky;top:0}#rooms.is-track .rooms__hold{height:calc(100vh + var(--rooms-travel,0px) * 1.5);padding-bottom:0}#rooms.is-track .rooms__stage{flex-direction:column;justify-content:center;height:100vh;padding-top:4.5rem;display:flex;position:sticky;top:0;overflow:clip}#rooms.is-track .rooms__track{width:max-content;max-width:none;padding-inline:var(--space-1);gap:clamp(1rem,2.4vw,2.25rem);margin:0;display:flex}#rooms.is-track .rooms__place{aspect-ratio:auto;flex:none;width:clamp(16rem,34vw,30rem);height:min(66vh,40rem)}#rooms.is-track .rooms__place:last-child{grid-column:auto}#rooms.is-track .rooms__place img{width:116%;left:-8%}#setup.is-stacked .setup__card{top:calc(var(--page-nav-h,5.5rem) + var(--setup-i) * 1.25rem);position:sticky}#start.is-transcribing .start__word{color:color-mix(in srgb, currentColor calc(100% - var(--bar,0) * 100%), transparent);position:relative}#start.is-transcribing .start__word:after{content:"";background:repeating-linear-gradient(90deg, var(--color-4) 0 .25rem, transparent .25rem .5rem);height:56%;opacity:var(--bar,0);translate:0 -50%;scale:1 var(--bar,0);border-radius:.25rem;position:absolute;top:50%;left:0;right:0}@media (max-width:47.99rem){#rooms.is-track .rooms__place{width:78vw;height:min(62vh,34rem)}#setup.is-stacked .setup__card{top:calc(var(--page-nav-h,5.25rem) + var(--setup-i) * .75rem)}}}
@layer tokens,base,atoms,layout,sections,scenes;
