@font-face{font-family:Boska;src:url(../fonts/boska-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Boska;src:url(../fonts/boska-400i.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Boska;src:url(../fonts/boska-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--bg:#f7f9f8;--surface:#ebf0ee;--ink:#06525c;--muted:#2f737d;--accent:#06525c;--accent-ink:#f7f9f8;--accent-press:#043f47;--field-1:#06525c;--field-1-ink:#f7f9f8;--field-1-muted:#cfe0de;--face:"Boska", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-mid:clamp(1.5rem, 1.05rem + 1.4vw, 2.125rem);--step-big:clamp(3rem, 1.2rem + 6.4vw, 8.25rem);--m:clamp(16px, 1.6vw, 28px);--gap:clamp(12px, 1.4vw, 24px);--section:clamp(120px, 16vw, 240px);--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}html:not(.lenis){scroll-behavior:smooth}html.reduced{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--face);font-size:var(--step-body);letter-spacing:.005em;font-kerning:normal;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,p,ul,dl,dd,figure{margin:0}ul{padding:0;list-style:none}::selection{background:var(--ink);color:var(--bg)}:focus-visible{outline-offset:4px;outline:2px solid}.skip{left:var(--m);z-index:60;background:var(--ink);color:var(--bg);padding:10px 16px;text-decoration:none;position:absolute;top:-100px}.skip:focus{top:var(--m)}.field{z-index:-2;background:var(--bg);position:fixed;inset:0}.stage{z-index:-1;pointer-events:none;width:100%;height:100lvh;display:block;position:fixed;top:0;left:0}.no-webgl .stage{display:none}.h-mid{font-size:var(--step-mid);letter-spacing:-.01em;font-style:italic;font-weight:400;line-height:1.1}.h-big{font-size:var(--step-big);letter-spacing:-.035em;font-weight:400;line-height:.95}.statement{font-size:var(--step-mid);letter-spacing:-.01em;text-indent:3em;max-width:30ch;line-height:1.22}.note,figcaption{font-size:var(--step-small);color:var(--muted);line-height:1.45}figcaption{margin-top:10px}.btn{background:var(--accent);min-height:48px;color:var(--accent-ink);font-size:var(--step-body);transition:background-color .16s ease, transform .16s var(--ease-out);justify-content:center;align-items:center;padding:0 24px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-press)}.btn:active{transform:scale(.97)}.btn-inverse{background:var(--bg);color:var(--ink)}.btn-inverse:hover{background:var(--surface)}.text-link{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;transition:text-underline-offset .16s}.text-link:hover{text-underline-offset:.35em}.slot{pointer-events:none}.loader{z-index:50;background:var(--bg);place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}.no-js .loader,.loader.is-done{display:none}.loader-waves{width:min(320px,70vw);height:auto;overflow:visible}.wave{fill:none;stroke:var(--ink);stroke-width:2px}.loader-text{font-size:var(--step-body);font-variant-numeric:tabular-nums;font-style:italic}.cursor{display:none}@media (pointer:fine){.has-cursor,.has-cursor a,.has-cursor button,.has-cursor input[type=range]{cursor:none}.has-cursor .cursor{z-index:70;pointer-events:none;color:var(--ink);display:block;position:fixed;top:0;left:0}.cursor.is-dark{color:var(--bg)}.cursor-dot{background:currentColor;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}.cursor-ring{width:44px;height:44px;transition:width .22s var(--ease-out), height .22s var(--ease-out), margin .22s var(--ease-out), opacity .2s ease, background-color .2s ease;border:2px solid;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;display:grid;position:absolute}.cursor.is-link .cursor-ring{width:64px;height:64px;margin:-32px 0 0 -32px}.cursor.is-drag .cursor-ring{background:currentColor;width:88px;height:88px;margin:-44px 0 0 -44px}.cursor-label{font-size:var(--step-small);color:var(--bg);opacity:0;font-style:italic;transition:opacity .16s}.cursor.is-dark .cursor-label{color:var(--ink)}.cursor.is-drag .cursor-label{opacity:1}.cursor.is-hidden{opacity:0}}.hero{min-height:100svh;padding:var(--m);position:relative;overflow:hidden}.hero-lede{left:var(--m);top:var(--m);z-index:2;max-width:36ch;position:absolute}.lede{font-size:var(--step-body);margin-bottom:16px;line-height:1.4}.nav{right:var(--m);top:var(--m);z-index:2;gap:clamp(16px,2vw,32px);display:flex;position:absolute}.nav a{font-size:var(--step-body);padding:4px 0;text-decoration:none;position:relative}.nav a:after{content:"";transform-origin:100%;height:2px;transition:transform .26s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav a:hover:after,.nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.hero-slot{top:9svh;left:22%;right:22%;bottom:calc(var(--mono-h,calc((100vw - 2 * var(--m)) * .2866)) + 4svh);position:absolute}.hero-note{bottom:calc(var(--mono-h,calc((100vw - 2 * var(--m)) * .2866)) + 2.4svh);font-size:var(--step-body);font-style:italic;position:absolute}.hero-note-l{left:var(--m)}.hero-note-r{right:var(--m);text-align:right}.monument{left:var(--m);right:var(--m);bottom:calc(var(--m) * .6);letter-spacing:-.04em;white-space:nowrap;font-weight:400;line-height:.74;font-size:var(--mono-size,calc((100vw - 2 * var(--m)) * .398));transform-origin:50% 100%;position:absolute}.monument-word{justify-content:space-between;display:flex}.monument-word>span{display:inline-block}.webgl-fallback{text-align:center;width:min(640px,70vw);position:absolute;top:14svh;left:50%;transform:translate(-50%)}.webgl-fallback p{font-size:var(--step-small);margin-top:8px}.no-webgl .webgl-fallback,.no-webgl .webgl-fallback[hidden]{display:block}.craft{position:relative}.craft-pin{column-gap:var(--gap);padding:0 var(--m);grid-template-columns:repeat(12,1fr);min-height:100svh;display:grid;position:relative}.craft-slot{top:var(--m);height:calc(100svh - 2 * var(--m));margin-right:calc(var(--gap) * 1.5);grid-column:1/7;position:sticky}.craft-copy{grid-column:7/13;padding:14svh 0 10svh}.craft-copy .h-mid{margin-bottom:7svh}.step{column-gap:var(--gap);grid-template-columns:repeat(6,1fr);row-gap:40px;margin-bottom:18svh;display:grid}.step .statement{grid-column:1/-1}.step-fig{grid-column:1/4}.step-fig img{aspect-ratio:1;object-fit:cover;background:var(--surface);width:100%}.step .note{grid-column:4/7;align-self:end;max-width:26ch;padding-bottom:30px}.motion .craft-pin{height:100svh}.motion .craft-copy,.motion .craft-steps{position:relative}.motion .step{margin:0;position:absolute;top:0;left:0;right:0}.sound{padding:var(--section) var(--m)}.sound .h-mid{margin-bottom:96px}.sound-grid{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.group{grid-column:span 3}.group:nth-child(2){grid-column:4/7}.group:nth-child(3){grid-column:7/10}.group-name{font-size:var(--step-body);margin-bottom:1.4em;font-weight:500}.group li{line-height:1.25}.group button{text-align:left;color:var(--muted);transition:color .14s ease, transform .2s var(--ease-out);background:0 0;border:0;padding:4px 0}.group button:hover,.group button:focus-visible,.group button[aria-current=true]{color:var(--ink);transform:translate(6px)}.group-sum{display:none}.sound-side{grid-column:10/13;margin-top:-60px;position:relative}.sound-slot{aspect-ratio:1;width:100%}.sound-desc{max-width:30ch;min-height:3em;margin-top:8px}.specs{z-index:-1;background:var(--field-1);padding:var(--section) var(--m);color:var(--field-1-ink);--muted:var(--field-1-muted);--ink:var(--field-1-ink);position:relative}.specs-grid{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);align-items:center;display:grid}.specs-list{grid-column:2/8}.specs-list .h-mid{margin-bottom:56px;padding-left:156px}.specs dl>div{grid-template-columns:132px 1fr;align-items:baseline;column-gap:24px;margin-bottom:28px;display:grid}.specs dt{text-align:right;font-size:var(--step-mid);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;font-weight:500;line-height:1}.specs dd{color:var(--muted);max-width:40ch}.specs-slot{grid-column:8/13;height:72svh}.specs-fig{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);margin:clamp(80px,10vw,160px) 0 0;display:grid}.specs-fig img{aspect-ratio:3;object-fit:cover;grid-column:2/13;width:100%}.specs-fig figcaption{grid-column:2/8}.finish{min-height:100svh;padding:var(--m);column-gap:calc(var(--gap) * 2);grid-template-columns:1fr 1fr;display:grid}.finish-plate{place-items:center;display:grid}.finish-slot{aspect-ratio:1;pointer-events:auto;touch-action:pan-y;cursor:grab;width:100%;max-height:90svh}.finish-slot:active{cursor:grabbing}.finish-panel{flex-direction:column;justify-content:space-between;gap:48px;padding:6svh 0 2svh;display:flex}.finish-choices{flex-wrap:wrap;gap:20px 56px;display:flex}.choice-label{font-size:var(--step-small);color:var(--muted);margin-bottom:6px;display:block}.tabs{gap:20px;display:flex}.tabs button{font-size:var(--step-body);color:var(--muted);background:0 0;border:0;padding:6px 0;transition:color .14s;position:relative}.tabs button:after{content:"";transform-origin:0;height:2px;transition:transform .26s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.tabs button:hover{color:var(--ink)}.tabs button[aria-pressed=true]{color:var(--ink);font-weight:500}.tabs button[aria-pressed=true]:after{transform:scaleX(1)}.finish-text .h-mid{margin-bottom:20px}.finish-desc{max-width:38ch;min-height:3em;margin-bottom:40px}.play{gap:20px;max-width:520px;display:grid}.keys{-webkit-user-select:none;user-select:none;touch-action:none;height:120px;display:flex;position:relative}.key{background:var(--surface);font-size:var(--step-small);color:var(--muted);-webkit-tap-highlight-color:transparent;border:0;flex:1;justify-content:center;align-items:flex-end;margin-right:3px;padding:0 0 8px;transition:background-color 90ms,transform 90ms;display:flex}.key:last-child{margin-right:0}.key.black{z-index:2;background:var(--ink);width:7.75%;height:62%;color:var(--bg);margin:0;position:absolute;top:0;transform:translate(-50%)}.key:hover{background:#dde6e3}.key.black:hover{background:var(--accent-press)}.key.is-down{background:var(--ink);color:var(--bg);transform:translateY(2px)}.key.black.is-down{background:var(--muted);transform:translate(-50%)translateY(2px)}.drift{font-size:var(--step-body);align-items:center;gap:16px;display:flex}.drift input{accent-color:var(--ink);flex:1;height:28px}.drift output{font-variant-numeric:tabular-nums;min-width:5.5em;color:var(--muted)}.cells{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cell{min-height:72px;font-size:var(--step-body);text-align:left;transition:background-color .16s ease, transform .16s var(--ease-out);border:0;align-items:center;padding:0 22px;font-weight:500;text-decoration:none;display:flex}.cell:active{transform:scale(.98)}.cell-ink{background:var(--accent);color:var(--accent-ink)}.cell-ink:hover{background:var(--accent-press)}.cell-tone{background:var(--surface);color:var(--ink)}.cell-tone:hover{background:#dde6e3}.reserve{padding:var(--section) var(--m) 0}.reserve .h-big{max-width:12ch}.price{background:var(--accent);color:var(--accent-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-variant-numeric:lining-nums;padding:0 .12em}.reserve-row{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);align-items:end;margin-top:64px;display:grid}.reserve-row p{grid-column:1/7;max-width:52ch}.reserve-row .text-link{text-align:right;grid-column:10/13;justify-self:end}.band{margin:clamp(80px, 9vw, 140px) calc(var(--m) * -1) 0;background:var(--surface);min-height:60svh;color:var(--ink);text-decoration:none;display:block;position:relative;overflow:hidden}.band:hover,.band:focus-visible{background:var(--ink);color:var(--bg);outline:none}.band-sentence{left:var(--m);top:var(--m);max-width:30ch;font-size:var(--step-body);position:absolute}.band-arrow{right:var(--m);top:var(--m);width:48px;height:48px;transition:transform .3s var(--ease-out);position:absolute}.band:hover .band-arrow{transform:translate(6px,-6px)}.band-word{left:var(--m);right:var(--m);text-align:left;font-size:var(--band-size,22vw);letter-spacing:-.045em;white-space:nowrap;font-weight:500;line-height:.74;display:block;position:absolute;bottom:24px}.foot{background:var(--ink);min-height:100svh;color:var(--bg);padding:var(--section) var(--m) 0;--muted:var(--field-1-muted);flex-direction:column;display:flex;position:relative;overflow:hidden}.foot-top{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);display:grid}.foot-invite{grid-column:1/8}.foot-invite .h-big{margin-bottom:40px}.foot-links{grid-column:10/13;align-content:start;gap:8px;display:grid}.foot-links a{text-underline-offset:.2em;text-decoration-thickness:1px}.foot-legal{font-size:var(--step-small);justify-content:space-between;gap:32px;margin-top:auto;padding-top:80px;line-height:1.5;display:flex}.foot-legal p{max-width:60ch}.foot-legal .credits{text-align:right;max-width:72ch}.foot-word{letter-spacing:-.045em;white-space:nowrap;transform-origin:0 100%;margin:24px 0 0 -.04em;font-size:30vw;font-weight:500;line-height:.74;transform:translateY(26%)}.line-mask{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:clip}@media (width<=760px){.hero{min-height:100svh}.nav{left:var(--m);right:var(--m);justify-content:space-between}.monument{top:13svh;bottom:auto}.hero-lede{top:calc(13svh + var(--mono-h,calc((100vw - 2 * var(--m)) * .2866)) + 20px);right:var(--m);max-width:none}.lede{font-size:1.0625rem}.hero-lede .btn{width:100%}.hero-slot{height:40svh;inset:auto 0 7svh}.hero-note{bottom:var(--m);font-size:var(--step-small)}.craft-pin{padding:0 var(--m);display:block}.craft-slot{height:40svh;position:absolute;top:0;left:0;right:0}.craft-copy{padding:42svh 0 6svh}.craft-copy .h-mid{margin-bottom:20px;font-size:1.375rem}.statement{text-indent:0;font-size:1.25rem}.step{grid-template-columns:1fr 1fr;row-gap:16px}.step-fig{grid-column:1/2}.step .note{grid-column:2/3;padding-bottom:26px}.reduced .craft-slot,.no-js .craft-slot{position:sticky}.reduced .craft-pin,.no-js .craft-pin{display:block}.sound .h-mid{margin-bottom:32px;font-size:1.5rem}.sound-grid{flex-direction:column;gap:40px;display:flex}.sound-side{order:-1;margin:0}.sound-slot{aspect-ratio:4/3;width:100%}.sound-desc{display:none}.group-name{margin-bottom:.6em}.group button{padding:2px 0;font-size:1.125rem;line-height:1.4}.group-sum{color:var(--muted);margin-top:12px;display:block}.specs-grid{flex-direction:column-reverse;gap:24px;display:flex}.specs-slot{width:100%;height:44svh}.specs-list .h-mid{margin-bottom:28px;padding-left:104px;font-size:1.375rem}.specs dl>div{grid-template-columns:88px 1fr;column-gap:16px}.specs dt{font-size:1.5rem}.specs-fig img{aspect-ratio:16/9;grid-column:1/-1}.specs-fig figcaption{grid-column:1/-1}.finish{padding-top:var(--section);grid-template-columns:1fr}.finish-slot{aspect-ratio:1}.finish-panel{gap:32px;padding-top:16px}.finish-choices{gap:16px 32px}.finish-desc{margin-bottom:28px}.keys{height:110px}.key{font-size:0}.cells{grid-template-columns:1fr}.cell{min-height:60px}.reserve-row{flex-direction:column;align-items:flex-start;gap:20px;margin-top:40px;display:flex}.reserve-row .text-link{text-align:left;justify-self:start}.band{min-height:46svh}.band-sentence{right:72px}.band-arrow{width:32px;height:32px}.foot-top{flex-direction:column;gap:40px;display:flex}.foot-invite .btn{width:100%}.foot-links{flex-wrap:wrap;gap:8px 20px;font-size:.9375rem;display:flex}.foot-legal{flex-direction:column;gap:12px}.foot-legal .credits{text-align:left}.foot-word{font-size:38vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.js:not(.is-fitted) .monument-word,.js:not(.is-fitted) .foot-word{visibility:hidden}