/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--tilt:12deg;--gap-px:56px}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Plus Jakarta Sans", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-5xl:64rem;--text-xs:.8125rem;--text-xs--line-height:calc(1 / .75);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:oklch(19% .018 65);--color-surface:oklch(24% .022 68);--color-surface-2:oklch(28% .024 68);--color-line:oklch(34% .02 65);--color-line-2:oklch(53% .024 65);--color-text:oklch(94% .02 85);--color-text-2:oklch(80% .02 80);--color-muted:oklch(66% .02 75);--color-amber:oklch(79% .13 76);--color-amber-2:oklch(85% .12 80);--color-copper:oklch(60% .11 45);--color-ring:oklch(85% .12 80);--color-ok:oklch(78% .12 145);--color-err:oklch(72% .14 25);--color-key-white:oklch(96% .012 85);--color-key-white-2:oklch(90% .016 85);--color-key-black:oklch(20% .012 60);--color-key-black-2:oklch(12% .01 60);--color-wood:oklch(42% .07 55);--color-wood-2:oklch(30% .055 50);--color-felt:oklch(45% .14 25);--color-string:oklch(80% .025 85);--color-bronze:oklch(70% .09 70);--font-display:"DM Serif Display", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--text-caption:.8125rem;--text-caption--line-height:1.45;--text-small:.875rem;--text-small--line-height:1.5;--text-body-sm:1rem;--text-body-sm--line-height:1.6;--text-body:1.0625rem;--text-body--line-height:1.6;--text-lead:clamp(1.0625rem, 1rem + .4vw, 1.25rem);--text-lead--line-height:1.55;--text-display-3:clamp(1.375rem, 1.2rem + .7vw, 1.75rem);--text-display-3--line-height:1.2;--text-display-2:clamp(1.875rem, 1.35rem + 2.1vw, 3rem);--text-display-2--line-height:1.08;--text-display-1:clamp(2.625rem, 1.75rem + 3.6vw, 4.75rem);--text-display-1--line-height:1.02;--spacing-section:clamp(4rem, 3rem + 5vw, 7.5rem);--spacing-section-sm:clamp(2.5rem, 2rem + 2.5vw, 4rem);--spacing-gutter:clamp(1.25rem, 4vw, 2.5rem);--container-page:75rem;--shadow-warm-sm:0 1px 2px oklch(10% .02 60/.5), 0 0 0 1px oklch(79% .13 76/.06);--shadow-warm:0 14px 36px -16px oklch(8% .02 60/.75), 0 0 0 1px oklch(79% .13 76/.08);--ease-out-soft:cubic-bezier(.22, .61, .36, 1);--ease-out-power2:cubic-bezier(.215, .61, .355, 1);--ease-in-power2:cubic-bezier(.55, .055, .675, .19);--ease-in-out-soft:cubic-bezier(.45, 0, .2, 1);--duration-press:90ms;--duration-release:.22s;--duration-fast:.16s;--duration-base:.26s;--duration-slow:.7s}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::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}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;background:var(--color-bg)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body-sm);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:clip}@media(min-width:48rem){body{font-size:var(--text-body)}}::selection{background:var(--color-amber);color:var(--color-bg)}h1,h2,h3,.font-display{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400}h1{font-size:var(--text-display-1);line-height:var(--text-display-1--line-height)}h2{font-size:var(--text-display-2);line-height:var(--text-display-2--line-height)}h3{font-size:var(--text-display-3);line-height:var(--text-display-3--line-height)}em,.italic-display{font-family:var(--font-display);font-style:italic}small,.caption{font-size:var(--text-caption);line-height:var(--text-caption--line-height)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:3px;border-radius:var(--radius-sm)}a{text-underline-offset:.18em}img,picture,svg,video{max-width:100%;display:block}}@layer components{.btn{border-radius:var(--radius-md);min-height:3rem;font-family:var(--font-sans);letter-spacing:.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out-soft),border-color var(--duration-fast) var(--ease-out-soft),color var(--duration-fast) var(--ease-out-soft),box-shadow var(--duration-fast) var(--ease-out-soft);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.375rem;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-amber);color:var(--color-bg);border-color:var(--color-amber);box-shadow:var(--shadow-warm-sm)}.btn--primary:hover{background:var(--color-amber-2);border-color:var(--color-amber-2)}.btn--primary:active{background:#db9d40;border-color:#db9d40}.btn--secondary{color:var(--color-text);border-color:var(--color-line-2);background:0 0}.btn--secondary:hover{border-color:var(--color-amber);color:var(--color-amber-2);background:#eaae500f}.btn--secondary:active{background:#eaae501f}.btn--ghost{color:var(--color-text-2);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--color-text);background:var(--color-surface-2)}.btn--sm{min-height:2.5rem;padding:0 1rem;font-size:.875rem}.btn--lg{min-height:3.5rem;padding:0 1.75rem;font-size:1.0625rem}.btn--icon{width:3rem;padding:0}.btn--block{width:100%}.btn>svg{flex:none;width:1.25em;height:1.25em}.section{padding-block:var(--spacing-section)}.section--sm{padding-block:var(--spacing-section-sm)}.container-x{width:100%;max-width:var(--container-page);padding-inline:var(--spacing-gutter);margin-inline:auto}.divider{background:var(--color-line);border:0;height:1px;margin:0}.eyebrow{font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-amber);font-weight:600}.course-cell{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);min-height:11rem;color:inherit;transition:border-color var(--duration-base) var(--ease-out-soft),box-shadow var(--duration-base) var(--ease-out-soft);flex-direction:column;gap:.5rem;padding:clamp(1.25rem,3vw,1.75rem);text-decoration:none;display:flex;position:relative;overflow:hidden}.course-cell:hover,.course-cell:focus-within{border-color:#8c6c3d}@supports (color:color-mix(in lab,red,red)){.course-cell:hover,.course-cell:focus-within{border-color:color-mix(in oklch,var(--color-amber) 45%,var(--color-line))}}.course-cell:hover,.course-cell:focus-within{box-shadow:inset 0 1px #eaae502e,inset 0 0 80px -40px #eaae5059}.course-cell__title{font-family:var(--font-display);font-size:var(--text-display-3);line-height:var(--text-display-3--line-height);letter-spacing:-.01em}.course-cell__meta{font-size:var(--text-small);color:var(--color-muted)}.course-cell--photo{justify-content:flex-end;min-height:16rem;padding:0}.course-cell--photo>img,.course-cell--photo>picture,.course-cell--photo>picture>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.course-cell--photo:after{content:"";pointer-events:none;background:linear-gradient(#11090400 28%,#11090473 60%,#110904eb),#eaae500d;position:absolute;inset:0}.course-cell--photo>.course-cell__body{z-index:1;padding:clamp(1.25rem,3vw,1.75rem);position:relative}.sticky-cta{z-index:40;padding:.5rem var(--spacing-gutter) calc(.5rem + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-line);transition:transform var(--duration-base) var(--ease-out-soft),opacity var(--duration-base) var(--ease-out-soft),visibility 0s linear 0s;inset-inline:0;grid-template-columns:3rem 1fr;align-items:center;gap:.5rem;display:grid;position:fixed;bottom:0}.sticky-cta.is-hidden{opacity:0;visibility:hidden;transition-delay:0s,0s,var(--duration-base);transform:translateY(100%)}html:not(.js) .sticky-cta.is-hidden{opacity:1;visibility:visible;transform:none}@media(min-width:48rem){.sticky-cta{display:none}}.fi{background:var(--color-bg);width:100%;min-height:3rem;color:var(--color-text);border:1px solid var(--color-line-2);border-radius:var(--radius-md);font:inherit;transition:border-color var(--duration-fast) var(--ease-out-soft),box-shadow var(--duration-fast) var(--ease-out-soft);padding:0 .875rem;font-size:1rem;line-height:1.4;display:block}.fi::placeholder{color:var(--color-muted)}.fi:focus,.fi:focus-visible{border-color:var(--color-amber);outline:none;box-shadow:0 0 0 3px #eaae5047}textarea.fi{resize:vertical;min-height:6rem;padding-block:.75rem}select.fi{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239a9185' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}.fi--error,.fi[aria-invalid=true]{border-color:var(--color-err);box-shadow:0 0 0 3px #f07f7738}.fi-label{font-size:var(--text-small);color:var(--color-text-2);margin-bottom:.375rem;font-weight:500;display:block}.msg{border-radius:var(--radius-md);font-size:var(--text-small);border:1px solid #0000;padding:.75rem 1rem;line-height:1.5}.msg--ok{color:var(--color-ok);background:#85cc871f;border-color:#85cc8759}.msg--err{color:var(--color-err);background:#f07f771f;border-color:#f07f7759}.photo{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-warm);position:relative;overflow:hidden}.photo>img,.photo>picture,.photo>picture>img{object-fit:cover;width:100%;height:100%}.photo--warm:after{content:"";pointer-events:none;background:linear-gradient(#11090400 45%,#110904d1),#eaae500f;position:absolute;inset:0}.photo__caption{z-index:1;font-size:var(--text-small);color:var(--color-text-2);inset-inline:0;padding:1rem 1.25rem;position:absolute;bottom:0}.light-leak{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.5;background:radial-gradient(42% 38% at 72% 28%,#eaae508c,#eaae5029 42%,#eaae5000 72%);position:absolute;inset:-20%}html.js .light-leak{opacity:0}.photo--fill>img,.photo--fill>picture{position:absolute;inset:0}.img-warm{filter:sepia(.55)saturate(1.05)brightness(.92)}.hero{isolation:isolate;background:var(--color-bg);align-items:stretch;min-height:calc(100svh - 4rem);display:flex;position:relative;overflow:hidden}.hero__grid{align-items:center;gap:2rem;width:100%;padding-block:clamp(2rem,4vh,3.5rem);display:grid}.hero__copy{z-index:2;max-width:34rem;position:relative}.hero__title{max-width:12ch}.hero__lead{max-width:40ch;font-size:var(--text-lead);line-height:var(--text-lead--line-height);color:var(--color-text-2);margin-top:1.5rem}.hero__cta{flex-wrap:wrap;align-items:center;gap:.875rem 1.5rem;margin-top:2rem;display:flex}.hero__wa{min-height:2.75rem;font-size:var(--text-body-sm);color:var(--color-text-2);text-decoration:underline;-webkit-text-decoration-color:var(--color-line-2);text-decoration-color:var(--color-line-2);text-underline-offset:4px;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.hero__wa:hover{color:var(--color-amber-2);-webkit-text-decoration-color:var(--color-amber);text-decoration-color:var(--color-amber)}.hero__hint{font-size:var(--text-small);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.75rem .875rem;margin-top:1.75rem;display:flex}.hero__inst{--gap-px:clamp(2.75rem, 4.2vw, 4rem);border-radius:var(--radius-lg);height:min(46vh,22rem);box-shadow:inset 0 1px #ffffff0d,var(--shadow-warm);touch-action:pan-y;cursor:crosshair;-webkit-user-select:none;user-select:none;background:radial-gradient(70% 60% at 50% 0,#eaae5029,#0000 70%),linear-gradient(#221910,#140e08);position:relative;overflow:hidden}.hero__strings{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}html.js .hero__strings{opacity:0}html:not(.js) .hero__inst{background-image:repeating-linear-gradient(to right,transparent 0 calc(var(--gap-px) - 1px),oklch(80% .025 85/.45) calc(var(--gap-px) - 1px) var(--gap-px))}.hs{fill:none;stroke:var(--color-string);stroke-width:1.4px;vector-effect:non-scaling-stroke;opacity:.75;transition:stroke var(--duration-base) var(--ease-out-soft),opacity var(--duration-base) var(--ease-out-soft)}.hs--bass{stroke:var(--color-bronze)}.hs.is-on{stroke:var(--color-amber-2);opacity:1;transition-duration:60ms}.hs--ghost{stroke:var(--color-amber);opacity:0;filter:blur(3px);stroke-width:9px!important}.hs--ghost.is-on{opacity:.5}.hero__rail{z-index:2;pointer-events:none;position:absolute;inset-inline:0}.hero__rail--pegs{background:linear-gradient(to bottom,oklch(52% .08 55),var(--color-wood) 40%,var(--color-wood-2));height:clamp(1.5rem,3.2vh,2.25rem);top:0;box-shadow:0 8px 24px -8px #020000e6}.hero__rail--pegs:after{content:"";background:var(--color-felt);inset-inline:0;height:.3rem;position:absolute;bottom:-.3rem}.hero__rail--bridge{background:linear-gradient(#ebe4d6,#b5a996);height:.625rem;bottom:0;box-shadow:0 -8px 24px -8px #020000e6}.peg{background:linear-gradient(90deg,#ebe4d6,#999185);border-radius:999px;width:.625rem;height:1.375rem;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #020000b3}.hero__glow{z-index:0;pointer-events:none;inset-inline:0;background:linear-gradient(#eaae501a,#0000);height:40%;position:absolute;top:0}@media(min-width:64rem){.hero__grid{grid-template-columns:6fr 6fr;align-items:center;gap:clamp(2rem,5vw,5rem)}.hero__inst{height:min(72vh,40rem)}}@media(max-width:39.99rem){.hero__cta .btn{width:100%}.hero__inst{--gap-px:2.5rem}}.sound-toggle{border:1px solid var(--color-line-2);min-height:2.5rem;color:var(--color-text-2);font-size:var(--text-small);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-soft),color var(--duration-fast) var(--ease-out-soft),background-color var(--duration-fast) var(--ease-out-soft);background:#19120bb3;border-radius:999px;align-items:center;gap:.5rem;padding:0 .875rem 0 .625rem;font-weight:500;display:inline-flex}.sound-toggle:hover{border-color:var(--color-amber);color:var(--color-amber-2)}.sound-toggle[aria-pressed=true]{border-color:var(--color-amber);color:var(--color-amber);background:#eaae501a}.atolye{border-top:1px solid var(--color-line);position:relative}.atolye__frame{align-items:center;gap:2rem;display:grid}.atolye__h{max-width:18ch}.atolye__list{border-top:1px solid var(--color-line);margin-top:1.75rem}.atolye__item{border-bottom:1px solid var(--color-line)}.atolye__name{text-align:left;width:100%;min-height:3.25rem;color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-display-3);cursor:pointer;transition:color var(--duration-base) var(--ease-out-soft);background:0 0;border:0;align-items:center;gap:.875rem;padding:.375rem 0;line-height:1.15;display:flex}.atolye__name:hover{color:var(--color-text)}.atolye__tick{background:var(--color-line-2);width:.75rem;height:1px;transition:width var(--duration-base) var(--ease-out-soft),background-color var(--duration-base) var(--ease-out-soft)}.atolye__item.is-active .atolye__name{color:var(--color-text)}.atolye__item.is-active .atolye__tick{background:var(--color-amber);width:1.75rem}.atolye__detail{transition:grid-template-rows var(--duration-slow) var(--ease-out-soft);grid-template-rows:0fr;display:grid}.atolye__detail-in{overflow:hidden}.atolye__item.is-active .atolye__detail{grid-template-rows:1fr}.atolye__short{font-size:var(--text-body-sm);color:var(--color-text-2);padding-top:.125rem}.atolye__meta{font-size:var(--text-small);color:var(--color-muted);margin-top:.375rem}.atolye__link{min-height:2.5rem;font-size:var(--text-small);color:var(--color-amber);align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.atolye__link:hover{color:var(--color-amber-2)}.atolye__detail-in .atolye__link{margin-top:.5rem;margin-bottom:1rem}.atolye__more{font-size:var(--text-small);color:var(--color-muted);margin-top:1.25rem}.atolye__more .atolye__link{margin-left:.5rem}.atolye__sound{margin-top:1rem}.atolye__scene{perspective:1400px;position:relative}.atolye__hint{text-align:center;font-size:var(--text-small);color:var(--color-muted);pointer-events:none;inset-inline:0;position:absolute;bottom:0}.atolye__stage{display:none}.atolye__floor{filter:blur(18px);inset-inline:10%;background:radial-gradient(50% 50%,#eaae502e,#0000 70%);border-radius:50%;height:18%;position:absolute;bottom:6%}.atolye__pin{padding-block:var(--spacing-section)}.atolye__scene{height:min(62vh,30rem);margin:.5rem 0 1rem;padding-bottom:2rem}@media(max-width:63.99rem){.atolye__item[data-slug=piyano] .atolye__scene,.atolye__item[data-slug=piyano] .inst--piano{height:auto}}.atolye__item[data-slug=bateri] .atolye__scene{height:min(66vw,24rem)}.atolye__item:not(.is-active) .atolye__scene{display:none}@media(min-width:64rem){.atolye__pin{height:calc(100vh - 4rem);padding-block:0}.atolye__frame{grid-template-columns:5fr 7fr;gap:clamp(2rem,4vw,4rem);height:100%;position:relative}.atolye__side{align-self:center}.atolye__stage{height:100%;display:block;position:relative}.atolye__scene,.atolye__item:not(.is-active) .atolye__scene{display:block}.atolye__scene{height:calc(100vh - 4rem);top:0;right:var(--spacing-gutter);width:calc((100% - 2 * var(--spacing-gutter) - clamp(2rem,4vw,4rem)) * 7 / 12);pointer-events:none;margin:0;position:absolute}.atolye__item.is-active .atolye__scene{pointer-events:auto;z-index:2}.atolye__item .atolye__scene,.atolye__item[data-slug=piyano] .atolye__scene,.atolye__item[data-slug=bateri] .atolye__scene{height:calc(100vh - 4rem);padding:6vh 0 8vh}.atolye__hint{opacity:0;transition:opacity var(--duration-slow) var(--ease-out-soft);bottom:3vh}.atolye__item.is-active .atolye__hint{opacity:1}.atolye__list{margin-top:1.25rem}.atolye__side{padding-block:1.5rem}}@media(min-width:64rem)and (max-height:820px){.atolye__side{align-self:start;padding-block:1rem}.atolye__h{max-width:none;font-size:1.25rem}.atolye__list{margin-top:.75rem}.atolye__name{min-height:2.75rem;font-size:1.25rem}.atolye__detail-in .atolye__link{margin-bottom:.5rem}.atolye__more,.atolye__sound{margin-top:.75rem}}.atolye__pin{position:relative}html:not(.js) .atolye__item .atolye__scene{width:auto;height:min(50vh,26rem);display:block;position:static}html:not(.js) .atolye__detail{grid-template-rows:1fr}.inst{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.inst__layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.inst__body{filter:drop-shadow(0 34px 44px oklch(6% .02 60/.75));transform:translateZ(0)}.inst__strings,.inst__front{transform:translateZ(30px)}.inst--piano{justify-content:center;align-items:center;display:flex}.str__line{fill:none;stroke:var(--color-string);stroke-linecap:round;transition:stroke var(--duration-base) var(--ease-out-soft)}.str__line--bass{stroke:var(--color-bronze)}.str__line--thin{stroke-width:1.1px}.str__ghost{fill:none;stroke:var(--color-amber);stroke-width:7px;opacity:0;filter:blur(2px);transition:opacity var(--duration-base) var(--ease-out-soft)}.str__hit{fill:none;stroke:#0000;stroke-width:22px;pointer-events:stroke;cursor:pointer}.str.is-on .str__line{stroke:var(--color-amber-2);transition-duration:50ms}.str.is-on .str__ghost{opacity:.55;transition-duration:50ms}.str:focus-visible{outline:none}.str:focus-visible .str__line{stroke:var(--color-ring)}.drum,.cymbal{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:transform .12s var(--ease-out-power2)}.drum .skin{transition:fill .22s var(--ease-out-soft)}.drum.is-hit .skin{fill:var(--color-amber-2);transition-duration:30ms}.drum.is-hit{transform:scale(.985)}.drum:focus-visible,.cymbal:focus-visible{outline:none}.drum:focus-visible .skin{stroke:var(--color-ring);stroke-width:3px}.cymbal.is-hit{animation:cymbal .7s var(--ease-out-soft)}@keyframes cymbal{0%{transform:rotate(0)}18%{transform:rotate(-3deg)translateY(2px)}40%{transform:rotate(2.2deg)}62%{transform:rotate(-1.2deg)}82%{transform:rotate(.5deg)}to{transform:rotate(0)}}.faq>summary{cursor:pointer;list-style:none}.faq>summary::-webkit-details-marker{display:none}.faq>summary .faq__icon{transition:transform var(--duration-base) var(--ease-out-soft)}.faq[open]>summary .faq__icon{transform:rotate(45deg)}.faq[open]>summary{color:var(--color-amber-2)}.note{pointer-events:none;opacity:0;will-change:transform,opacity;font-family:var(--font-display);white-space:nowrap;color:var(--color-amber);font-size:1.375rem;font-style:italic;line-height:1;position:absolute}.piano{perspective:1400px}.piano-keys{transform-style:preserve-3d;transform:rotateX(var(--tilt));transform-origin:50% 100%}.key{transform-origin:50% 0;cursor:pointer;transition:transform var(--duration-release) var(--ease-out-power2),fill var(--duration-release) var(--ease-out-power2)}.key.on{transition-duration:var(--duration-press);transition-timing-function:var(--ease-in-power2)}.key.white.on{fill:var(--color-amber);transform:rotateX(-5deg)translateY(2px)}.key.black.on{fill:#b9742e;transform:rotateX(-7deg)translateY(2px)}.piano-cheek{fill:var(--color-wood)}.piano-cheek-side{fill:var(--color-wood-2)}.piano-felt{fill:var(--color-felt)}.piano-lid{fill:var(--color-surface)}.key{transform-box:fill-box}.key.black{fill:url(#kb)}.key:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.piano-keys{will-change:transform}}@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-section{margin-top:var(--spacing-section)}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[22rem\]{max-height:22rem}.max-h-\[26rem\]{max-height:26rem}.max-h-\[60vh\]{max-height:60vh}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-\[20rem\]{min-height:20rem}.min-h-\[22rem\]{min-height:22rem}.min-h-\[55vh\]{min-height:55vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[12ch\]{max-width:12ch}.max-w-\[14ch\]{max-width:14ch}.max-w-\[16ch\]{max-width:16ch}.max-w-\[17rem\]{max-width:17rem}.max-w-md{max-width:var(--container-md)}.max-w-page{max-width:var(--container-page)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.shrink-0{flex-shrink:0}.origin-\[12\%_30\%\]{transform-origin:12% 30%}.scale-\[1\.5\]{scale:1.5}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[3\.5rem_1fr\]{grid-template-columns:3.5rem 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line>:not(:last-child)){border-color:var(--color-line)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-amber\/50{border-color:#eaae5080}@supports (color:color-mix(in lab,red,red)){.border-amber\/50{border-color:color-mix(in oklab,var(--color-amber) 50%,transparent)}}.border-line{border-color:var(--color-line)}.border-line-2{border-color:var(--color-line-2)}.bg-amber\/10{background-color:#eaae501a}@supports (color:color-mix(in lab,red,red)){.bg-amber\/10{background-color:color-mix(in oklab,var(--color-amber) 10%,transparent)}}.bg-bg{background-color:var(--color-bg)}.bg-bg\/95{background-color:#19120bf2}@supports (color:color-mix(in lab,red,red)){.bg-bg\/95{background-color:color-mix(in oklab,var(--color-bg) 95%,transparent)}}.bg-surface{background-color:var(--color-surface)}.object-cover{object-fit:cover}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-gutter{padding-inline:var(--spacing-gutter)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-section{padding-block:var(--spacing-section)}.py-section-sm{padding-block:var(--spacing-section-sm)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height))}.text-body-sm{font-size:var(--text-body-sm);line-height:var(--tw-leading,var(--text-body-sm--line-height))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height))}.text-display-1{font-size:var(--text-display-1);line-height:var(--tw-leading,var(--text-display-1--line-height))}.text-display-2{font-size:var(--text-display-2);line-height:var(--tw-leading,var(--text-display-2--line-height))}.text-display-3{font-size:var(--text-display-3);line-height:var(--tw-leading,var(--text-display-3--line-height))}.text-lead{font-size:var(--text-lead);line-height:var(--tw-leading,var(--text-lead--line-height))}.text-small{font-size:var(--text-small);line-height:var(--tw-leading,var(--text-small--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[5rem\]{font-size:5rem}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.text-amber{color:var(--color-amber)}.text-amber\/60{color:#eaae5099}@supports (color:color-mix(in lab,red,red)){.text-amber\/60{color:color-mix(in oklab,var(--color-amber) 60%,transparent)}}.text-err{color:var(--color-err)}.text-muted{color:var(--color-muted)}.text-text{color:var(--color-text)}.text-text-2{color:var(--color-text-2)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.decoration-amber\/40{text-decoration-color:#eaae5066}@supports (color:color-mix(in lab,red,red)){.decoration-amber\/40{-webkit-text-decoration-color:color-mix(in oklab,var(--color-amber) 40%,transparent);text-decoration-color:color-mix(in oklab,var(--color-amber) 40%,transparent)}}.underline-offset-4{text-underline-offset:4px}.shadow-warm{--tw-shadow:0 14px 36px -16px var(--tw-shadow-color,oklch(8% .02 60/.75)), 0 0 0 1px var(--tw-shadow-color,oklch(79% .13 76/.08));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-warm-lg{--tw-shadow:0 32px 64px -28px var(--tw-shadow-color,oklch(6% .02 60/.85)), 0 0 0 1px var(--tw-shadow-color,oklch(79% .13 76/.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-warm-sm{--tw-shadow:0 1px 2px var(--tw-shadow-color,oklch(10% .02 60/.5)), 0 0 0 1px var(--tw-shadow-color,oklch(79% .13 76/.06));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.drop-shadow-\[0_36px_60px_oklch\(0\.06_0\.02_60\/0\.7\)\]{--tw-drop-shadow-size:drop-shadow(0 36px 60px var(--tw-drop-shadow-color,oklch(6% .02 60/.7)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale-\[\.25\]{--tw-grayscale:grayscale(.25);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.group-hover\:text-amber-2:is(:where(.group):hover *){color:var(--color-amber-2)}}.first\:pt-0:first-child{padding-top:0}@media(hover:hover){.hover\:text-amber-2:hover{color:var(--color-amber-2)}.hover\:text-text-2:hover{color:var(--color-text-2)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-\[60\]:focus{z-index:60}.focus\:rounded-md:focus{border-radius:var(--radius-md)}.focus\:bg-amber:focus{background-color:var(--color-amber)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-bg:focus{color:var(--color-bg)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-\[backdrop-filter\]\:bg-bg\/90{background-color:#19120be6}@supports (color:color-mix(in lab,red,red)){.supports-\[backdrop-filter\]\:bg-bg\/90{background-color:color-mix(in oklab,var(--color-bg) 90%,transparent)}}}@media(min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:aspect-\[21\/9\]{aspect-ratio:21/9}.sm\:w-auto{width:auto}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:scale-\[2\.1\]{scale:2.1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-\[5rem_1fr\]{grid-template-columns:5rem 1fr}.sm\:grid-cols-\[10rem_1fr\]{grid-template-columns:10rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-baseline{align-items:baseline}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:text-\[3\.25rem\]{font-size:3.25rem}}@media(min-width:48rem){.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:py-9{padding-block:calc(var(--spacing) * 9)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:pb-5{padding-bottom:calc(var(--spacing) * 5)}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:inline-flex{display:inline-flex}.lg\:min-h-\[32rem\]{min-height:32rem}.lg\:max-w-none{max-width:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:self-center{align-self:center}.lg\:self-start{align-self:flex-start}}}@property --tilt{syntax:"<angle>";inherits:true;initial-value:12deg}@property --gap-px{syntax:"<length>";inherits:true;initial-value:56px}[data-reveal]{opacity:1;transform:none}html.js [data-reveal]:not(.is-in){opacity:0;transform:translateY(20px)}[data-reveal].is-in{transition:opacity var(--duration-slow) var(--ease-out-soft),transform var(--duration-slow) var(--ease-out-soft)}.grain:before{content:"";pointer-events:none;z-index:60;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 .82 0 0 0 0 .55 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js [data-reveal]:not(.is-in){opacity:1;transform:none}[data-reveal].is-in{transition:none}.sticky-cta,.sticky-cta.is-hidden{transition:opacity var(--duration-fast) linear,visibility 0s;transform:none}.key,.key.on{transition:fill var(--duration-press) linear;transform:none}.light-leak,html.js .light-leak{opacity:.4}.btn,.fi,.course-cell{transition:none}.hs,.str__line,.str__ghost,.drum,.cymbal,.atolye__detail{transition:none;animation:none}.cymbal.is-hit{animation:none}html.js .hero__strings{opacity:1}}.inst--piano>.piano{width:100%;max-width:none;margin:auto}@media(min-width:64rem){.inst--piano>.piano{width:112%}}@media(max-width:39.99rem){#piano-svg{display:none}}@media(min-width:40rem){#piano-svg-m{display:none}}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-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}