/*! tailwindcss v4.2.1 | 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#171714;--paper:#d7d7d7;--cream:#bdbdbd;--bronze:#737373;--accent:#c47d52;--line:#1717142e;--dark:#20201d;--dark-text:#f4efe7;--panel:#bdbdbd;--panel-dark:#242421;--studio:#aaa;--waitlist:#cecece;--footer:#171714}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}.site{background:var(--paper);transition:background-color .35s}[id]{scroll-margin-top:92px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.hero{color:#f6f2e9;background:var(--footer);min-height:100svh;position:relative;overflow:hidden}.nav{z-index:20;color:#f6f2e9;background:var(--footer);border-bottom:1px solid #ffffff2e;justify-content:flex-end;align-items:center;width:100%;height:92px;margin:auto;padding:0 48px;display:flex;position:fixed;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.nav{background:color-mix(in srgb,var(--footer) 90%,transparent)}}.nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wordmark{letter-spacing:.02em;font-family:Georgia,serif;font-size:24px}.navlinks{text-transform:uppercase;letter-spacing:.17em;gap:30px;font-size:11px;display:flex}.navlinks a{opacity:.75;transition:all .2s}.navlinks a:hover{opacity:1;color:#d7ae79}.heroInner{isolation:isolate;justify-content:flex-end;align-items:flex-end;min-height:100svh;padding:120px 4vw 9vh 6vw;display:flex;position:relative}.heroInner:after{content:"";z-index:-1;background:linear-gradient(90deg,#10100e0d 30%,#10100e2e 60%,#10100eb8 100%),linear-gradient(#0000 58%,#10100e75);position:absolute;inset:0}.heroCopy{width:min(38vw,510px);padding:0 0 5vh}.eyebrow{text-transform:uppercase;letter-spacing:.24em;margin:0 0 28px;font-size:11px;font-weight:700}.bronze{color:var(--accent)}h1,h2,h3{margin:0}h1{font-size:clamp(58px,6vw,88px);line-height:.94}.heroPortrait{z-index:-2;background:#292925;position:absolute;inset:0;overflow:hidden}.heroPortrait img{object-fit:cover;object-position:center 42%;filter:grayscale();width:100%;height:100%;display:block}.heroIndex{display:none}.heroGraphic{z-index:-1;pointer-events:none;position:absolute;inset:0}.heroGraphic i{display:none;position:absolute}.heroStyle-1 .heroInner:after{background:linear-gradient(90deg,#0000 45%,#1f1912b8 100%),linear-gradient(#0000 55%,#2319118c)}.heroStyle-1 .heroCopy{border-left:8px solid #a73c2d;padding:26px 0 28px 28px}.heroStyle-1 h1{font-family:var(--font-manrope),Arial,sans-serif;letter-spacing:-.055em;font-weight:300}.heroStyle-1 .heroIndex{font:10px var(--font-manrope),sans-serif;letter-spacing:.28em;color:#d2a969;margin:28px 0 0;display:block}.heroStyle-2 .heroInner:after{background:linear-gradient(90deg,#0000 48%,#190e0a9e),linear-gradient(#0000 45%,#00000080)}.heroStyle-2 .heroCopy{text-align:right;width:min(44vw,620px);padding-bottom:2vh}.heroStyle-2 h1{font-family:var(--font-montserrat),Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;color:#f0c84c;text-shadow:7px 7px #9d3325;font-size:clamp(62px,7.3vw,112px);font-weight:400;line-height:.78}.heroStyle-2 .eyebrow{color:#f3d96e}.heroStyle-2 .heroGraphic i:first-child{background:#a32e22;width:14px;height:22%;display:block;top:16%;right:3.4vw}.heroStyle-3 .heroInner:after{background:linear-gradient(90deg,#0c0c0b0d 45%,#0c0c0bc2),linear-gradient(#0000 55%,#0c0c0b85)}.heroStyle-3 .heroCopy{aspect-ratio:1;border:2px solid #e8e0ce;flex-direction:column;justify-content:flex-end;width:min(37vw,510px);padding:38px;display:flex}.heroStyle-3 h1{font-family:var(--font-raleway),Arial,sans-serif;letter-spacing:-.055em;font-size:clamp(50px,5.6vw,82px);font-weight:300}.heroStyle-3 .eyebrow{order:2;margin:26px 0 0}.heroStyle-3 .heroIndex{letter-spacing:.2em;font-size:11px;display:block;position:absolute;top:18px;right:22px}.heroStyle-4 .heroInner:after{background:linear-gradient(90deg,#1313110d 40%,#13131180),repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 1px),#ffffff21 12.5%)}.heroStyle-4 .heroCopy{width:min(40vw,560px);padding-bottom:8vh}.heroStyle-4 h1{font-family:var(--font-geist-sans),Arial,sans-serif;letter-spacing:.015em;font-weight:300;line-height:1.02}.heroStyle-4 .eyebrow{border-bottom:1px solid #f0eee7;margin-bottom:22px;padding-bottom:18px}.heroStyle-4 .heroIndex{font:11px var(--font-geist-sans),sans-serif;letter-spacing:.24em;margin-top:25px;display:block}.heroStyle-5 .heroInner{align-items:center}.heroStyle-5 .heroInner:after{background:linear-gradient(90deg,#0f0f0d0d 35%,#0f0f0db3),linear-gradient(#0000,#0e0e0c80)}.heroStyle-5 .heroCopy{text-align:center;border-top:1px solid #e8dfd0;border-bottom:1px solid #e8dfd0;width:min(40vw,540px);padding:62px 10px}.heroStyle-5 h1{font-family:var(--font-libre-baskerville),Georgia,serif;letter-spacing:-.05em;font-size:clamp(47px,5vw,72px);line-height:1.1}.heroStyle-5 .eyebrow{color:#d8b177;margin-bottom:35px}.heroStyle-5 .heroIndex{color:#d8b177;margin:34px 0 0;font:italic 13px Georgia,serif;display:block}.heroStyle-6 .heroInner:after{background:linear-gradient(90deg,#0000 48%,#110d0cad),linear-gradient(#0000 50%,#0a0a0980)}.heroStyle-6 .heroCopy{z-index:1;width:min(43vw,610px)}.heroStyle-6 h1{font-family:var(--font-montserrat),Arial,sans-serif;text-transform:uppercase;letter-spacing:-.075em;font-size:clamp(57px,6.5vw,95px);font-weight:400}.heroStyle-6 .heroGraphic i:first-child{mix-blend-mode:multiply;background:#a92f25;width:85vw;height:12vw;display:block;bottom:24%;right:-28vw;transform:rotate(-24deg)}.heroStyle-6 .heroGraphic i:nth-child(2){border:2px solid #e1b24e;border-radius:50%;width:23vw;height:23vw;display:block;top:19%;right:2vw}.heroStyle-7 .heroInner:after{background:linear-gradient(90deg,#0000 42%,#121210ab),linear-gradient(#0000 55%,#0a0a0975)}.heroStyle-7 .heroCopy{border-top:1px solid #eee7d9;border-bottom:1px solid #eee7d9;width:min(42vw,570px);padding:30px 0}.heroStyle-7 h1{font-family:var(--font-cormorant),Georgia,serif;letter-spacing:-.04em;font-size:clamp(65px,7vw,104px);font-weight:400;line-height:.82}.heroStyle-7 .heroGraphic{background:repeating-linear-gradient(0deg,#0000 0 15px,#f5f0e429 16px,#0000 17px);height:84px;top:auto;bottom:9%}.heroStyle-7 .heroIndex{margin:25px 0 0;font:italic 13px Georgia,serif;display:block}.heroStyle-8 .heroInner:after{background:linear-gradient(90deg,#0c0c0b14 35%,#0c0c0bc7),linear-gradient(#0000,#0c0c0b73)}.heroStyle-8 .heroCopy{width:min(38vw,540px);padding-bottom:17vh}.heroStyle-8 h1{font-family:var(--font-raleway),Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(40px,4.4vw,64px);font-weight:300;line-height:1.15}.heroStyle-8 .eyebrow{letter-spacing:.5em;color:var(--accent)}.heroStyle-8 .heroGraphic i:first-child{background:var(--accent);height:1px;display:block;bottom:20%;left:55%;right:4vw}.heroStyle-9 .heroInner:after{background:linear-gradient(90deg,#0000 48%,#16110ea6),linear-gradient(#0000,#100d0b80)}.heroStyle-9 .heroCopy{width:min(46vw,650px);padding-bottom:8vh;transform:rotate(-3deg)}.heroStyle-9 h1{font-family:var(--font-cormorant),Georgia,serif;letter-spacing:-.075em;color:#eee4d2;font-size:clamp(78px,8.7vw,132px);font-style:italic;font-weight:400;line-height:.65}.heroStyle-9 .eyebrow{color:#d8955d;margin-left:12%}.heroStyle-9 .heroIndex{font:12px var(--font-geist-sans),sans-serif;letter-spacing:.24em;margin:50px 0 0 45%;display:block}.heroStyle-10 .heroInner:after{background:linear-gradient(90deg,#0808071a 30%,#080807e0 100%),linear-gradient(#0000 50%,#0808078c)}.heroStyle-10 .heroCopy{border-left:1px solid #ba9257;width:min(39vw,540px);padding:42px 0 42px 42px}.heroStyle-10 h1{font-family:var(--font-playfair),Georgia,serif;letter-spacing:-.045em;color:#eee9df;font-size:clamp(56px,5.8vw,86px);line-height:.92}.heroStyle-10 .eyebrow{color:#ba9257}.heroStyle-10 .heroIndex{font:10px var(--font-geist-sans),sans-serif;letter-spacing:.35em;color:#ba9257;margin:33px 0 0;display:block}.heroStyle-10 .heroGraphic i:first-child{background:#ba9257;width:1px;display:block;top:18%;bottom:10%;right:4vw}.scrollCue{text-transform:uppercase;letter-spacing:.2em;color:#777;font-size:10px;position:absolute;bottom:28px;left:48px}.scrollCue span{color:#ba8b52;margin-left:15px}.headingLab{background:var(--paper);grid-template-columns:minmax(250px,.7fr) 1.3fr;gap:7vw;padding:110px max(48px,50vw - 612px);transition:background-color .35s;display:grid}.headingLabIntro{align-self:start;position:sticky;top:130px}.headingLabIntro h2{font-size:clamp(42px,4.5vw,64px)}.headingLabIntro>p:last-child{color:#5f5b54;max-width:400px;margin-top:26px;line-height:1.7}.headingList{border-top:1px solid var(--line)}.headingSample{border:0;border-bottom:1px solid var(--line);width:100%;min-height:118px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:185px 1fr;align-items:center;gap:24px;padding:20px 18px;transition:background .2s,color .2s;display:grid}.headingSample:hover,.headingSample.selected{background:var(--dark);color:var(--dark-text)}.headingMeta{grid-template-columns:36px 1fr;align-items:center;gap:5px 8px;font-family:Arial,Helvetica,sans-serif;display:grid}.headingMeta b{color:var(--bronze);grid-row:1/3;font:italic 13px Georgia,serif}.headingMeta>span{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.headingMeta small{opacity:.58;font-size:10px}.headingExample{white-space:nowrap;font-size:clamp(35px,4vw,58px);line-height:1.05}.headingSample-1 .headingExample{font-family:var(--font-raleway),Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase;font-weight:300}.headingSample-2 .headingExample{font-family:var(--font-manrope),Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;font-weight:300}.headingSample-3 .headingExample{font-family:var(--font-montserrat),Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;font-weight:300}.headingSample-4 .headingExample{font-family:var(--font-geist-sans),Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase;font-weight:350}.headingSample-5 .headingExample{font-family:var(--font-lora),Georgia,serif;letter-spacing:.005em;font-weight:400}.headingSample-6 .headingExample{font-family:var(--font-merriweather),Georgia,serif;letter-spacing:-.01em;font-weight:300}.headingSample-7 .headingExample{font-family:var(--font-libre-baskerville),Georgia,serif;letter-spacing:-.015em;font-weight:400}.headingSample-8 .headingExample{font-family:var(--font-playfair),Georgia,serif;letter-spacing:-.02em;font-weight:400}.headingSample-9 .headingExample{font-family:var(--font-cormorant),Georgia,serif;letter-spacing:-.025em;font-size:clamp(41px,4.7vw,66px);font-weight:500}.headingSample-10 .headingExample{letter-spacing:-.04em;font-family:Georgia,serif;font-weight:400}.colorLab{background:var(--paper);grid-template-columns:minmax(250px,.7fr) 1.3fr;gap:7vw;padding:110px max(48px,50vw - 612px);transition:background-color .35s;display:grid}.colorLabIntro{align-self:start;position:sticky;top:130px}.colorLabIntro h2{font-size:clamp(42px,4.5vw,64px)}.colorLabIntro>p:last-child{color:#5f5b54;max-width:390px;margin-top:26px;line-height:1.7}.paletteList{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.paletteSample{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:145px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px 1fr;gap:14px;padding:20px;transition:background .2s,color .2s;display:grid}.paletteSample:hover,.paletteSample.selected{background:var(--dark);color:var(--dark-text)}.paletteNumber{color:var(--bronze);font:italic 13px Georgia,serif}.paletteSwatches{grid-column:2;grid-template-columns:2fr 1fr 1fr 12px;gap:3px;height:46px;display:grid}.paletteSwatches i{display:block}.paletteName{grid-column:2;font:24px Georgia,serif}.paletteName small{text-transform:uppercase;letter-spacing:.15em;opacity:.6;margin-top:7px;font:10px Arial,sans-serif;display:block}.fontLab{background:#e9e4da;grid-template-columns:minmax(240px,.65fr) 1.35fr;gap:7vw;padding:120px max(48px,50vw - 612px);display:grid}.fontLabIntro{align-self:start;position:sticky;top:130px}.fontLabIntro h2{font-size:clamp(42px,4.5vw,64px)}.fontLabIntro>p:last-child{color:#68635b;max-width:380px;margin-top:28px;line-height:1.7}.fontList{border-top:1px solid var(--line)}.fontSample{border:0;border-bottom:1px solid var(--line);width:100%;min-height:130px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:160px 1fr;align-items:center;gap:25px;padding:24px 18px;transition:background .2s,color .2s;display:grid}.fontSample:hover,.fontSample.selected{color:#f5f1e8;background:#1d1d1a}.fontMeta{grid-template-columns:36px 1fr;align-content:center;align-self:stretch;gap:4px 8px;display:grid;letter-spacing:0!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important}.fontMeta b{color:#9f7544;grid-row:1/3;font:italic 14px Georgia,serif}.fontMeta i{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-style:normal}.fontMeta small{color:#777;font-size:10px;line-height:1.3}.fontSample:hover small,.fontSample.selected small{color:#aaa}.fontName{white-space:nowrap;font-size:clamp(33px,4vw,58px);line-height:1}.fontName em{font-style:normal}.styleSample-1 .fontName{font-family:var(--font-manrope),sans-serif;border-left:6px solid #a73c2d;padding-left:18px;font-weight:300}.styleSample-2 .fontName{font-family:var(--font-montserrat),sans-serif;text-transform:uppercase;color:#a33b2d;text-shadow:2px 2px #dbbc55;font-weight:400}.styleSample-3 .fontName{font-family:var(--font-raleway),sans-serif;border:1px solid;padding:18px;font-weight:300}.styleSample-4 .fontName{font-family:var(--font-geist-sans),sans-serif;letter-spacing:.06em;font-weight:300}.styleSample-5 .fontName{font-family:var(--font-libre-baskerville),serif;text-align:center;border-top:1px solid;border-bottom:1px solid;padding:17px 0;font-size:clamp(28px,3.3vw,48px)}.styleSample-6 .fontName{font-family:var(--font-montserrat),sans-serif;text-transform:uppercase;font-weight:400;-webkit-text-decoration:underline #a92f25;text-decoration:underline #a92f25;text-decoration-thickness:8px;transform:skew(-8deg)}.styleSample-7 .fontName{font-family:var(--font-cormorant),serif;background:repeating-linear-gradient(0deg,#0000 0 12px,#9b968e 13px,#0000 14px);font-size:clamp(42px,5vw,68px)}.styleSample-8 .fontName{font-family:var(--font-raleway),sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(24px,3vw,43px);font-weight:300}.styleSample-9 .fontName{font-family:var(--font-cormorant),serif;color:#9b4d37;font-size:clamp(45px,5.5vw,76px);font-style:italic;transform:rotate(-2deg)}.styleSample-10 .fontName{font-family:var(--font-playfair),serif;border-left:1px solid #a47b40;padding-left:22px}.fontSample:hover .fontName,.fontSample.selected .fontName{color:inherit;text-shadow:none}.section{max-width:1320px;margin:auto;padding:140px 48px;position:relative}.profile{grid-template-columns:.72fr 1.28fr;align-items:start;gap:5vw;display:grid}h2{font-size:clamp(42px,5.4vw,74px);line-height:1.08}.site h2,.site h3{font-family:var(--font-cormorant),Georgia,serif;letter-spacing:-.025em;text-transform:none;font-weight:500}.site h2{font-size:clamp(48px,6vw,82px)}.bodyCopy{max-width:680px;padding-top:52px;font-family:Georgia,serif;font-size:16px;line-height:1.75}.bodyCopy p{color:#41403d;margin:0}.bodyCopy p+p{margin-top:28px}.darkSection{background:var(--dark);color:var(--dark-text);padding:120px max(48px,50vw - 612px);transition:background-color .35s}.darkSection h2,.mediaCard.featured h3{color:#bdbdbd}.sectionHeading{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:end;padding-bottom:45px;display:flex}.tabs{gap:5px;display:flex}.tabs button{color:#aaa;cursor:pointer;text-transform:uppercase;letter-spacing:.16em;background:0 0;border:0;border-bottom:1px solid #0000;padding:12px 20px;font-size:10px}.tabs .active{color:var(--accent);border-color:var(--accent)}.concertEmpty{border-bottom:1px solid #ffffff24;grid-template-columns:1fr 2fr;align-items:center;min-height:230px;display:grid}.concertEmpty span{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-size:10px}.concertEmpty p{color:#c9c3b9;font:28px/1.4 Georgia,serif}.concertPanel{border-bottom:1px solid #ffffff24}.concertList{display:grid}.concertItem{border-bottom:1px solid #ffffff24}.concertItem:last-child{border-bottom:0}.concertItem summary{cursor:pointer;grid-template-columns:180px minmax(0,1fr) 48px;align-items:center;gap:34px;min-height:166px;padding:28px 0;list-style:none;transition:color .2s,background .2s;display:grid}.concertItem summary::-webkit-details-marker{display:none}.concertItem summary:hover,.concertItem summary:focus-visible{color:#fff}.concertItem summary:focus-visible{outline:1px solid var(--accent);outline-offset:8px}.concertItem time{border-right:1px solid #ffffff24;grid-template-columns:42px 1fr;align-items:baseline;display:grid}.concertItem time span{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;grid-row:1/3;font-size:10px;font-weight:700}.concertItem time strong{font:38px/1 var(--font-cormorant),Georgia,serif;font-weight:500}.concertItem time small{color:#999;letter-spacing:.14em;text-transform:uppercase;margin-top:7px;font-size:10px}.concertTitle{gap:9px;display:grid}.concertTitle small{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:10px}.concertTitle strong{font:clamp(27px,3vw,42px)/1.08 var(--font-cormorant),Georgia,serif;color:#d1d1d1;font-weight:500}.concertToggle{width:42px;height:42px;color:var(--accent);border:1px solid #ffffff45;border-radius:50%;place-items:center;font-size:22px;font-weight:200;transition:transform .25s,border-color .2s;display:grid}.concertItem[open] .concertToggle{border-color:var(--accent);transform:rotate(45deg)}.concertDetails{color:#c9c3b9;grid-template-columns:1.05fr 1fr;gap:48px;padding:0 82px 50px 214px;display:grid}.concertDetails>div>p{margin:0;font:19px/1.6 Georgia,serif}.concertDetails>div>p+p{margin-top:8px}.concertDetails dl{border-top:1px solid #ffffff24;margin:0}.concertDetails dl div{border-bottom:1px solid #ffffff24;grid-template-columns:90px 1fr;gap:20px;padding:14px 0;display:grid}.concertDetails dt{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:9px}.concertDetails dd{color:#b9b4ac;margin:0;font-size:13px;line-height:1.6}.concertLink{color:#e5dfd5;border-bottom:1px solid var(--accent);text-transform:uppercase;letter-spacing:.14em;grid-column:1/-1;justify-self:start;padding:4px 0 8px;font-size:10px;transition:color .2s}.concertLink:hover{color:var(--accent)}.promoterContact{justify-content:space-between;align-items:center;gap:48px;margin-top:18px;padding:44px 0 0;display:flex}.promoterContact>div{max-width:620px}.promoterContact span{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.promoterContact p{color:#c9c3b9;margin:10px 0 0;font:18px/1.55 Georgia,serif}.promoterContact .concertLink{flex:none}.media{grid-template-columns:1fr;display:grid}.mediaHeader{grid-template-columns:1fr 1fr;align-items:end;gap:30px;display:grid}.mediaHeader .eyebrow{grid-column:1/-1;margin:0}.mediaHeader p:last-child{color:#666;max-width:400px;line-height:1.7}.mediaGrid{grid-column:1;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;display:grid}.mediaCard{background:var(--panel-dark);color:#fff;isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:390px;padding:32px;transition:transform .25s;display:flex;position:relative;overflow:hidden}.mediaCard.featured{grid-column:1/-1;min-height:520px}.mediaCard:hover{transform:translateY(-4px)}.mediaCard:after{content:"";z-index:-1;background:linear-gradient(#14141214 0%,#1414127a 52%,#141412f0 100%);position:absolute;inset:0}.mediaThumb{z-index:-2;position:absolute;inset:0}.mediaThumb img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .3s,transform .5s}.mediaCard:hover .mediaThumb img{filter:grayscale(70%);transform:scale(1.02)}.mediaCard p{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0;font-size:10px}.mediaCard h3{color:#d1d1d1;max-width:760px;margin:8px 0;font-size:30px}.mediaCard>span:last-child{color:#b7b4ae;font-size:13px}.play{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b1b1899;border:1px solid #fff8;border-radius:50%;place-items:center;width:58px;height:58px;padding-left:4px;display:grid;position:absolute;top:32px;left:32px}.teaching{background:var(--cream);grid-template-columns:1fr 1fr;transition:background-color .35s;display:grid}.studioPhotos{background:var(--studio);grid-template-rows:1fr 1fr;gap:4px;min-height:760px;display:grid;overflow:hidden}.studioPhotos figure{min-height:0;margin:0;overflow:hidden}.studioPhotos img{object-fit:cover;width:100%;height:100%;display:block}.studioPhotos figure:first-child img{object-position:center 52%}.studioPhotos figure:last-child img{object-position:center 48%}.teachingCopy{align-self:center;padding:110px max(48px,8vw)}.availability{color:#854a38;text-transform:uppercase;letter-spacing:.13em;border:1px solid #a56e55;align-items:center;gap:10px;margin:35px 0 22px;padding:11px 15px;font-size:10px;display:inline-flex}.dot{background:#a35b43;border-radius:50%;width:7px;height:7px}.teachingCopy>p:not(.eyebrow){color:#514e48;max-width:550px;font:18px/1.7 Georgia,serif}.teaching dl{border-top:1px solid var(--line);margin:35px 0 40px}.teaching dl div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;padding:15px 0;font-size:12px;display:grid}.teaching dt{text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}.teaching dd{margin:0}.siteSection-unterricht .teaching{min-height:100svh;padding-top:92px}.siteSection-unterricht .studioPhotos{background:0 0;grid-template-rows:none;place-self:center;gap:24px;width:min(33.333vw,480px,66.667svh - 109.333px);height:auto;min-height:0;overflow:visible}.siteSection-unterricht .studioPhotos figure{aspect-ratio:4/3}.siteSection-unterricht .studioPhotos img{object-fit:contain;height:auto}.siteSection-unterricht .teachingCopy{padding:42px clamp(48px,6vw,90px)}.siteSection-unterricht .availability{margin:24px 0 16px}.siteSection-unterricht .teachingCopy>p:not(.eyebrow){font-size:16px;line-height:1.55}.siteSection-unterricht .teaching dl{margin:24px 0 28px}.siteSection-unterricht .teaching dl div{padding:11px 0}.button{background:var(--dark);color:#fff;text-transform:uppercase;letter-spacing:.17em;cursor:pointer;border:0;padding:17px 23px;font-size:10px;display:inline-block}.button:disabled{opacity:.6}.waitlist{background:var(--waitlist);grid-template-columns:1fr 1fr;gap:10vw;padding:130px max(48px,50vw - 612px);transition:background-color .35s;display:grid}.waitlistIntro>p:last-of-type{color:#5f5b54;max-width:400px;line-height:1.7}.contactChoices{border-top:1px solid var(--line);margin-top:34px;display:grid}.contactChoices a{border-bottom:1px solid var(--line);color:#514e48;padding:16px 0;font:15px/1.4 Georgia,serif;transition:color .2s,padding-left .2s}.contactChoices a:hover{color:#8b4f36;padding-left:8px}.waitlist form{gap:24px;display:grid}.waitlist label{text-transform:uppercase;letter-spacing:.15em;color:#6d5438;gap:10px;font-size:10px;display:grid}.waitlist label span{color:#777;text-transform:none;letter-spacing:0}.waitlist input,.waitlist textarea{color:#171714;resize:vertical;text-transform:none;letter-spacing:0;background:0 0;border:0;border-bottom:1px solid #7f786f;outline:none;padding:10px 0}.waitlist input:focus,.waitlist textarea:focus{border-color:#6e4f2f}.waitlist .button{justify-self:start}.honeypot{left:-9999px;position:absolute!important}.formError{color:#8c352d;font-size:13px}.success{border:1px solid #9b9082;align-self:start;padding:45px}.success>span{color:#785b3b;font-size:28px}.success h3{margin:18px 0 8px;font-size:38px}.success button{color:#785b3b;cursor:pointer;background:0 0;border:0;padding:15px 0;text-decoration:underline}footer{background:var(--footer);color:#eee9df;padding:60px max(48px,50vw - 612px) 30px;transition:background-color .35s}.legalPanels{border-top:1px solid #ffffff2b}.legalPanel{border-bottom:1px solid #ffffff2b}.legalPanel summary{cursor:pointer;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;padding:24px 48px 24px 0;font-size:10px;list-style:none;position:relative}.legalPanel summary::-webkit-details-marker{display:none}.legalPanel summary:after{content:"+";color:#eee9df;font-size:20px;font-weight:300;transition:transform .2s;position:absolute;top:50%;right:0;translate:0 -50%}.legalPanel[open] summary:after{transform:rotate(45deg)}.legalPanel summary:focus-visible{outline:1px solid var(--accent);outline-offset:5px}.legalContent{color:#aaa49b;max-width:820px;padding:4px 0 40px;font-size:13px;line-height:1.7}.site .legalContent h2{color:#eee9df;font:500 clamp(34px,4vw,52px)/1.05 var(--font-cormorant),Georgia,serif;margin:6px 0 20px}.site .legalContent h3{color:#d2cdc4;font:500 22px/1.2 var(--font-cormorant),Georgia,serif;margin:30px 0 8px}.legalContent p{margin:0 0 12px}.legalContent address{margin:0 0 18px;font-style:normal}.legalContent a{color:#d2cdc4;border-bottom:1px solid #ffffff3d}.copyright{color:#777;border-top:0;margin:28px 0 0;padding-top:0;font-size:11px}.extrasCollection{min-height:calc(100svh - 92px);padding-top:150px}.extrasIntro{display:block}.extrasGrid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:22px;margin-top:52px;display:grid}.extraCard{background:var(--dark);min-height:235px;color:var(--dark-text);grid-template-columns:34% 66%;transition:transform .25s;display:grid;overflow:hidden}.extraCard:hover{transform:translateY(-4px)}.extraCard:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.extraCardVisual{background:#292925;place-items:center;display:grid;position:relative}.extraCardVisual:before{content:"";background:repeating-linear-gradient(#ffffff46 0 1px,#0000 1px 14px);width:72%;height:57px}.extraCardVisual:after{content:"";background:var(--accent);width:1px;height:57px;position:absolute;top:50%;right:19%;transform:translateY(-50%)}.extraCardCopy{flex-direction:column;justify-content:center;padding:34px 30px;display:flex}.extraCardCopy strong{font:500 clamp(27px,2.6vw,42px)/1 var(--font-cormorant),Georgia,serif}.extraCard:last-child{grid-column:auto}.noteGamePage{background:#d7d7d7;min-height:100svh}.noteGame{--game-ink:#171714;--game-paper:#d7d7d7;--game-panel:#ece9e2;--game-accent:#c47d52;--game-muted:#6c6963;--game-good:#386d51;--game-bad:#9b423a;width:min(1180px,100%);min-height:100svh;color:var(--game-ink);margin:auto;padding:116px clamp(18px,4vw,50px) 38px}.noteGameBack{color:#5e5a54;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #97928a;margin-bottom:22px;padding-bottom:4px;font-size:10px;display:inline-block}.noteGameBack:hover{color:#8b4f36;border-color:#8b4f36}.noteGameHeader{align-items:center;gap:13px;margin-bottom:20px;display:flex}.noteGameMark{background:var(--game-ink);width:36px;height:36px;color:var(--game-accent);font:500 17px var(--font-cormorant),Georgia,serif;border-radius:50%;place-items:center;display:grid}.noteGameBrand{letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:700}.noteGameCounter{color:var(--game-muted);letter-spacing:.08em;margin-left:auto;font-size:12px}.noteGameProgress{background:#b9b6b0;height:2px;margin-bottom:24px}.noteGameProgress span{background:var(--game-accent);height:100%;transition:width .4s;display:block}.noteGameInstruction{text-align:center;min-height:104px;margin-bottom:6px}.noteGameInstruction .eyebrow{margin-bottom:9px}.noteGameInstruction h1{font:500 clamp(32px,4.6vw,58px)/1.02 var(--font-cormorant),Georgia,serif;letter-spacing:-.025em}.noteGameInstruction>p:last-child{color:var(--game-muted);margin:9px 0 0;font:16px/1.5 Georgia,serif}.noteOverview{max-height:230px;padding:25px 0 14px;transition:opacity .5s,transform .7s,max-height .8s,padding .8s;overflow:hidden}.noteOverview.gone{opacity:0;pointer-events:none;max-height:0;padding:0;transform:scale(.96)}.noteOverview>p{text-align:center;color:var(--game-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:11px}.noteOverviewScroll{padding-bottom:8px;overflow-x:auto}.noteFullPiano{min-width:880px;height:112px;margin:auto;display:flex;position:relative;box-shadow:0 12px 28px #17171421}.noteFullWhite{background:#f8f7f3;border:1px solid #8e8b85;border-right:0;flex:1;height:112px}.noteFullWhite:last-of-type{border-right:1px solid #8e8b85}.noteFullBlack{background:var(--game-ink);z-index:2;width:1.45%;height:69px;position:absolute;top:0;transform:translate(-50%)}.noteZoom{position:relative}.noteZoom:not(.ready) .notePracticePiano,.noteZoom:not(.ready) .noteLetters,.noteZoom:not(.ready) .noteTaskMap,.noteZoom:not(.ready) .noteStaffSpace{opacity:0;pointer-events:none}.noteZoom.ready .notePracticePiano,.noteZoom.ready .noteLetters{opacity:1;pointer-events:auto;transform:none}.noteStaffSpace{grid-template-rows:0fr;margin:0;transition:grid-template-rows .9s,margin .9s,opacity .5s;display:grid;overflow:hidden}.noteStaffSpace.show{grid-template-rows:1fr;margin:0 0 8px}.noteStaffInner{opacity:0;min-height:0;transition:opacity .65s .25s,transform .65s .25s;transform:translateY(24px)}.noteStaffSpace.show .noteStaffInner{opacity:1;transform:none}.noteStaff{width:min(850px,100%);height:auto;margin:auto;display:block;overflow:visible}.noteStaff>line:not(.noteMirrorLine){stroke:var(--game-ink);stroke-width:2px}.noteMirrorLine{stroke:var(--game-accent);stroke-width:2.5px;stroke-dasharray:9 7}.noteMirrorLabel{fill:#895536;letter-spacing:.08em;font:12px Arial,sans-serif}.noteClef{fill:var(--game-ink);font-family:Noto Music,Bravura Text,Segoe UI Symbol,serif}.noteTrebleClef{font-size:91px}.noteBassClef{font-size:73px}.noteChoice{cursor:pointer}.noteChoice .noteHalo{fill:#0000}.noteChoice:hover .noteHalo,.noteChoice.source .noteHalo{fill:#e8d7cd}.noteChoice.correct .noteHead{fill:var(--game-good)}.noteChoice.wrong .noteHead{fill:var(--game-bad)}.noteChoice:focus{outline:none}.noteChoice:focus-visible .noteHalo{fill:#e8d7cd;stroke:var(--game-accent);stroke-width:2px}.noteLedger{stroke:var(--game-ink);stroke-width:2.3px}.noteHead{fill:var(--game-ink)}.noteStem{stroke:var(--game-ink);stroke-width:3.5px;stroke-linecap:round}.noteTaskMap{min-height:30px;color:var(--game-muted);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:13px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.noteTaskMap span{color:#87543a}.notePracticePiano{filter:drop-shadow(0 14px 16px #17171421);-webkit-user-select:none;user-select:none;opacity:0;width:min(550px,92vw);height:220px;margin:auto;transition:opacity .65s .1s,transform .65s .1s;display:flex;position:relative;transform:scale(.9)}.notePianoKey{cursor:pointer;background:#f8f7f3;border:1px solid #77746e;border-right:0;width:20%;height:220px;padding:0;transition:background .18s,transform .18s;position:relative}.notePianoKey:nth-of-type(5){border-right:1px solid #77746e}.notePianoKey:hover{background:#f0ede6}.notePianoKey:focus-visible{outline:4px solid var(--game-accent);outline-offset:-5px;z-index:5}.notePianoKey.source{box-shadow:inset 0 -9px 0 var(--game-accent);background:#eadbd2}.notePianoKey.correct{background:#dbe9df}.notePianoKey.wrong{background:#edd9d6}.notePianoKey>span{opacity:0;font:500 24px var(--font-cormorant),Georgia,serif;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .5s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)translateY(35px)}.namesOnKeys .notePianoKey>span{opacity:1;transform:translate(-50%)translateY(0)}.noteBlackKey{background:var(--game-ink);z-index:3;pointer-events:none;border:1px solid #000;width:12.7%;height:137px;position:absolute;top:0}.noteBlackKey.b1{left:13.65%}.noteBlackKey.b2{left:53.65%}.noteBlackKey.b3{left:73.65%}.noteLetters{opacity:0;grid-template-columns:repeat(5,1fr);gap:10px;width:min(550px,92vw);min-height:60px;margin:24px auto 0;transition:opacity .65s .16s,transform .65s .16s;display:grid;transform:translateY(18px)}.noteLetter{color:var(--game-ink);font:500 26px var(--font-cormorant),Georgia,serif;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #96918a;padding:11px 5px;transition:color .18s,border-color .18s,transform .18s,opacity .6s}.noteLetter:hover,.noteLetter:focus-visible{color:#8b4f36;border-color:var(--game-accent)}.noteLetter.source{color:#8b4f36;border-color:var(--game-accent);transform:translateY(-4px)}.noteLetter.correct{color:var(--game-good);border-color:var(--game-good)}.noteLetter.wrong{color:var(--game-bad);border-color:var(--game-bad)}.noteLetters.fly .noteLetter{opacity:0;pointer-events:none;transform:translateY(-150px)scale(.8)}.noteMessage{text-align:center;min-height:26px;color:var(--game-muted);margin:16px 0 0;font:15px/1.4 Georgia,serif}.noteMessage.good{color:var(--game-good)}.noteMessage.bad{color:var(--game-bad)}.noteStart{background:var(--game-ink);color:#f6f2e9;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:0;margin:24px auto 0;padding:15px 25px;font-size:10px;font-weight:700;display:block}.noteStart:hover{background:#8b4f36}.noteCelebrate{text-align:center;padding:20px 0 6px}.noteCelebrate strong{font:500 47px var(--font-cormorant),Georgia,serif;margin-bottom:5px;display:block}.noteCelebrate>span{color:var(--game-muted);font:16px/1.5 Georgia,serif;display:block}.noteCelebrate button{color:#8b4f36;border:0;border-bottom:1px solid var(--game-accent);cursor:pointer;background:0 0;margin-top:13px;padding:7px 0}@media (width<=800px){[id]{scroll-margin-top:76px}.nav{justify-content:flex-start;height:76px;padding:0 18px}.navlinks{white-space:nowrap;scrollbar-width:none;gap:22px;width:100%;padding:2px 0;display:flex;overflow-x:auto}.navlinks::-webkit-scrollbar{display:none}.heroInner{justify-content:flex-start;align-items:flex-end;min-height:100svh;padding:100px 22px 90px}.heroInner:after{background:linear-gradient(#0000 38%,#10100ed1)}.heroCopy{width:100%;padding:0 0 3vh}.heroPortrait img{object-position:45% center}h1{font-size:clamp(54px,17vw,78px)}.heroStyle-2 .heroCopy,.heroStyle-3 .heroCopy,.heroStyle-4 .heroCopy,.heroStyle-5 .heroCopy,.heroStyle-6 .heroCopy,.heroStyle-7 .heroCopy,.heroStyle-8 .heroCopy,.heroStyle-9 .heroCopy,.heroStyle-10 .heroCopy{width:100%}.heroStyle-2 h1{font-size:clamp(52px,16vw,74px)}.heroStyle-3 .heroCopy{aspect-ratio:auto;min-height:330px}.heroStyle-5 .heroInner{align-items:flex-end}.heroStyle-6 h1{font-size:clamp(48px,14vw,68px)}.heroStyle-6 .heroGraphic i:first-child{width:140vw;height:22vw;bottom:23%;right:-45vw}.heroStyle-8 .heroCopy{padding-bottom:9vh}.heroStyle-8 h1{letter-spacing:.08em;font-size:clamp(32px,9vw,44px)}.heroStyle-9 .heroCopy{padding-bottom:5vh;transform:rotate(-2deg)}.heroStyle-9 h1{font-size:clamp(68px,20vw,96px)}.fontLab{grid-template-columns:1fr;gap:45px;padding:80px 22px}.fontLabIntro{position:static}.fontSample{grid-template-columns:1fr;gap:14px;padding:22px 10px}.fontMeta{grid-template-columns:34px 1fr}.fontName{white-space:normal;font-size:clamp(28px,9.5vw,44px)}.styleSample-5 .fontName,.styleSample-8 .fontName{font-size:clamp(24px,7.5vw,36px)}.headingLab{grid-template-columns:1fr;gap:45px;padding:80px 22px}.headingLabIntro{position:static}.headingSample{grid-template-columns:1fr;gap:14px;padding:22px 10px}.headingExample{white-space:normal;font-size:clamp(32px,10vw,46px)}.colorLab{grid-template-columns:1fr;gap:45px;padding:80px 22px}.colorLabIntro{position:static}.paletteList{grid-template-columns:1fr}.paletteSample{min-height:125px}.section{padding:90px 22px}.profile,.media{grid-template-columns:1fr}.sectionNumber{display:none}.bodyCopy{padding-top:15px}.darkSection{padding:90px 22px}.sectionHeading{display:block}.tabs{margin-top:30px}.concertItem summary{grid-template-columns:100px minmax(0,1fr) 36px;gap:14px;min-height:150px}.concertItem time{grid-template-columns:24px 1fr}.concertItem time strong{font-size:28px}.concertItem time small{letter-spacing:.07em;font-size:8px}.concertTitle strong{font-size:26px}.concertToggle{width:34px;height:34px}.concertDetails{grid-template-columns:1fr;gap:25px;padding:0 0 40px 114px}.concertLink{grid-column:1}.promoterContact{flex-direction:column;align-items:flex-start;gap:24px;padding-top:38px}.concertEmpty{grid-template-columns:1fr;align-content:center;gap:20px}.mediaHeader{grid-template-columns:1fr}.mediaGrid{grid-column:1;grid-template-columns:1fr}.teaching{grid-template-columns:1fr}.studioPhotos{grid-template-rows:none;grid-template-columns:1fr;min-height:0}.studioPhotos figure{aspect-ratio:4/3}.teachingCopy{padding:80px 22px}.waitlist{grid-template-columns:1fr;gap:60px;padding:90px 22px}footer{padding:48px 22px 24px}.scrollCue{left:22px}.mediaCard.featured{min-height:390px}.siteSection-unterricht .teaching{min-height:auto;padding-top:76px}.siteSection-unterricht .studioPhotos{gap:10px;width:100%}.siteSection-unterricht .teachingCopy{padding:80px 22px}.extrasCollection{padding-top:120px}.extrasIntro{grid-template-columns:1fr;gap:10px}.extrasIntro .eyebrow{grid-column:1}.extrasGrid{grid-template-columns:1fr;margin-top:48px}.extraCard,.extraCard:last-child{grid-column:1;grid-template-columns:1fr;min-height:0}.extraCardVisual{height:170px}.extraCardCopy{min-height:250px;padding:32px}.noteGame{padding:96px 16px 28px}.noteGameBack{margin-bottom:17px}.noteGameInstruction{min-height:122px}.notePracticePiano,.notePianoKey{height:185px}.noteBlackKey{height:114px}.noteLetters{gap:5px}.noteLetter{font-size:22px}.noteFullPiano{min-width:720px;height:96px}.noteFullWhite{height:96px}.noteFullBlack{height:59px}.noteClef{font-size:66px}.noteTrebleClef{font-size:77px}.noteBassClef{font-size:61px}}@media (prefers-reduced-motion:reduce){.noteGame *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.noteGameEmbedPage{background:#d7d7d7;min-height:100svh}.noteGameEmbedShell{min-height:100svh;padding-top:92px}.noteGameEmbedTopline{width:min(1180px,100%);margin:0 auto;padding:18px clamp(18px,4vw,50px) 0}.noteGameEmbedTopline a{color:#5e5a54;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #97928a;padding-bottom:4px;font-size:10px;display:inline-block}.noteGameEmbedTopline a:hover{color:#8b4f36;border-color:#8b4f36}.noteGameEmbed{background:#d7d7d7;border:0;width:100%;height:calc(100svh - 132px);min-height:720px;display:block}@media (width<=800px){.noteGameEmbedShell{padding-top:76px}.noteGameEmbedTopline{padding-top:15px}.noteGameEmbed{height:calc(100svh - 113px);min-height:700px}}@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}