._9xSLAa_root{min-height:100svh;color:var(--s9-chalk);background:var(--s9-obsidian);font-family:var(--s9-font-text);position:relative;overflow:hidden}._9xSLAa_root:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(color-mix(in oklab, var(--s9-chalk) 3%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--s9-chalk) 3%, transparent) 1px, transparent 1px);background-size:calc(var(--s9-grid-unit) * 5) calc(var(--s9-grid-unit) * 5);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 82%,#0000);mask-image:linear-gradient(#0000,#000 24% 82%,#0000)}._9xSLAa_root *{box-sizing:border-box}:is(._9xSLAa_root .s9-pearl,._9xSLAa_root .s9-pearl-dark){letter-spacing:.12em;gap:.45em;min-height:2.7rem;padding:.82em 1.55em;font-size:.64rem}._9xSLAa_exitPin{z-index:20;width:fit-content;min-width:0;max-width:calc(100vw - 1.5rem);position:fixed;top:clamp(.75rem,2.5vw,1.5rem);left:clamp(.75rem,2.5vw,1.5rem)}._9xSLAa_exitPin:focus-visible,._9xSLAa_root a:focus-visible{outline:2px solid var(--s9-verdant);outline-offset:3px}._9xSLAa_hero{isolation:isolate;background:var(--s9-obsidian);min-height:100svh;position:relative;overflow:hidden}._9xSLAa_heroBench{--probe-x:68%;--probe-y:42%;min-height:100svh;padding:clamp(6rem, 12vh, 9rem) var(--s9-gutter);isolation:isolate;align-items:flex-end;display:flex;position:relative;overflow:hidden}._9xSLAa_heroBench:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle 13rem at var(--probe-x) var(--probe-y), color-mix(in oklab, var(--s9-pearl) 18%, transparent), color-mix(in oklab, var(--s9-pearl) 4%, transparent) 42%, transparent 70%);mix-blend-mode:screen;position:absolute;inset:0}._9xSLAa_heroMedia{z-index:-2;filter:contrast(1.08)saturate(.82);background-image:url(/experience/set-pieces/09-instrument.png);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.025);-webkit-mask-image:linear-gradient(#000 0% 68%,#0000 100%);mask-image:linear-gradient(#000 0% 68%,#0000 100%)}._9xSLAa_heroScrim{z-index:-1;background:linear-gradient(90deg, color-mix(in oklab, var(--s9-obsidian) 92%, transparent), color-mix(in oklab, var(--s9-obsidian) 44%, transparent) 48%, color-mix(in oklab, var(--s9-obsidian) 12%, transparent) 78%), radial-gradient(circle at 68% 42%, transparent 0%, color-mix(in oklab, var(--s9-obsidian) 68%, transparent) 92%);position:absolute;inset:0}._9xSLAa_scanBeam{z-index:-1;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--s9-pearl) 15%, transparent), transparent);filter:blur(1rem);width:7rem;animation:_9xSLAa_benchScan var(--s9-dur-sheen) var(--s9-ease-inout) infinite alternate;mix-blend-mode:screen;position:absolute;top:-16%;bottom:-16%;left:-22%;transform:rotate(8deg)}._9xSLAa_heroCopy{z-index:1;border-left:1px solid color-mix(in oklab, var(--s9-chalk) 24%, transparent);background:linear-gradient(90deg, color-mix(in oklab, var(--s9-obsidian) 34%, transparent), transparent 84%);width:min(49rem,100%);box-shadow:none;text-align:left;justify-items:start;padding:clamp(1rem,3vw,2rem) clamp(1rem,3vw,2.25rem);display:grid;position:relative}._9xSLAa_heroNotes{z-index:2;top:clamp(6rem,12vh,9rem);right:var(--s9-gutter);border-top:1px solid color-mix(in oklab, var(--s9-chalk) 34%, transparent);width:min(18rem,25vw);font-family:var(--s9-font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--s9-chalk) 62%, transparent);gap:0;font-size:.62rem;display:grid;position:absolute}._9xSLAa_heroNotes p,._9xSLAa_heroNotes span{border-bottom:1px solid color-mix(in oklab, var(--s9-chalk) 16%, transparent);margin:0;padding:.72rem 0}._9xSLAa_heroNotes p{color:var(--s9-pearl)}._9xSLAa_eyebrow,._9xSLAa_contractLabel,._9xSLAa_contractLine,._9xSLAa_scrollCue,._9xSLAa_frameIndex{font-family:var(--s9-font-mono);font-size:var(--s9-text-mono);letter-spacing:.18em;text-transform:uppercase;margin:0}._9xSLAa_eyebrow{color:color-mix(in oklab, var(--s9-chalk) 70%, transparent)}._9xSLAa_eyebrow:before{content:"// ";color:var(--s9-signal)}._9xSLAa_hero h1{max-width:10ch;font-family:var(--s9-font-display);letter-spacing:-.065em;text-wrap:balance;margin:clamp(1.25rem,3vh,2rem) 0;font-size:clamp(3.8rem,7.4vw,8.2rem);font-weight:800;line-height:.88}._9xSLAa_hero h1 span{color:var(--s9-pearl)}@supports ((-webkit-background-clip:text) or (background-clip:text)){._9xSLAa_hero h1 span{color:#0000;background-image:var(--s9-titanium);-webkit-background-clip:text;background-clip:text}}._9xSLAa_lede{max-width:48ch;color:color-mix(in oklab, var(--s9-chalk) 82%, transparent);font-size:var(--s9-text-body);text-wrap:pretty;margin:0;line-height:1.65}._9xSLAa_heroActions,._9xSLAa_referenceActions{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-top:clamp(1.5rem,4vh,2.5rem);display:flex}._9xSLAa_contractLine{color:color-mix(in oklab, var(--s9-chalk) 48%, transparent);margin-top:clamp(1.5rem,4vh,2.5rem)}._9xSLAa_scrollCue{z-index:2;right:var(--s9-gutter);bottom:calc(var(--s9-grid-unit) * 2);color:color-mix(in oklab, var(--s9-chalk) 46%, transparent);position:absolute}._9xSLAa_productSection,._9xSLAa_contractSection,._9xSLAa_boundarySection{width:min(calc(100% - (var(--s9-gutter) * 2)), var(--s9-maxw));margin-inline:auto;padding-block:clamp(6rem,12vw,11rem)}._9xSLAa_sectionIntro{text-align:left;justify-items:start;width:min(58rem,100%);margin:0 0 clamp(4rem,9vw,8rem);display:grid}._9xSLAa_sectionIntro h2,._9xSLAa_boundaryCopy h2,._9xSLAa_referenceCopy h2{font-family:var(--s9-font-display);font-size:var(--s9-text-h2);letter-spacing:-.045em;text-wrap:balance;margin:clamp(1rem,2.5vh,1.75rem) 0;font-weight:760;line-height:1}._9xSLAa_sectionIntro>p:last-child,._9xSLAa_boundaryCopy>p,._9xSLAa_referenceCopy>p:last-of-type{max-width:48ch;color:color-mix(in oklab, var(--s9-chalk) 74%, transparent);font-size:var(--s9-text-body);text-wrap:pretty;margin:0;line-height:1.65}._9xSLAa_studies{gap:clamp(2rem,6vw,5rem);display:grid}._9xSLAa_study{border:1px solid color-mix(in oklab, var(--s9-chalk) 12%, transparent);background:color-mix(in oklab, var(--s9-obsidian) 86%, transparent);min-height:clamp(34rem,82svh,52rem);box-shadow:0 2rem 6rem #0006, inset 0 0 0 1px color-mix(in oklab, var(--s9-chalk) 3%, transparent);isolation:isolate;border-radius:.35rem;align-items:flex-end;padding:clamp(1rem,4vw,3rem);display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){._9xSLAa_study{box-shadow:0 2rem 6rem lab(0% 0 0/.4), inset 0 0 0 1px color-mix(in oklab, var(--s9-chalk) 3%, transparent)}}._9xSLAa_studyVisual{z-index:-2;position:absolute;inset:0}._9xSLAa_studyImage{object-fit:cover;object-position:center;transition:transform var(--s9-dur-slow) var(--s9-ease-out)}._9xSLAa_study:hover ._9xSLAa_studyImage{transform:scale(1.015)}._9xSLAa_study:after{content:"";z-index:-1;background:linear-gradient(to top, color-mix(in oklab, var(--s9-obsidian) 92%, transparent), color-mix(in oklab, var(--s9-obsidian) 24%, transparent) 58%, transparent), linear-gradient(to right, color-mix(in oklab, var(--s9-obsidian) 48%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}._9xSLAa_frameIndex{top:calc(var(--s9-grid-unit) * 3);right:calc(var(--s9-grid-unit) * 3);padding:calc(var(--s9-grid-unit) * 1.25) calc(var(--s9-grid-unit) * 1.5);border:1px solid color-mix(in oklab, var(--s9-chalk) 18%, transparent);color:color-mix(in oklab, var(--s9-chalk) 66%, transparent);background:color-mix(in oklab, var(--s9-obsidian) 58%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.2rem;position:absolute}._9xSLAa_studyCopy{border:1px solid color-mix(in oklab, var(--s9-chalk) 20%, transparent);background:color-mix(in oklab, var(--s9-obsidian) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,0 100%);border-radius:.3rem;width:min(46rem,100%);padding:clamp(1.75rem,4vw,3.5rem);position:relative}._9xSLAa_drawerNumber{right:calc(var(--s9-grid-unit) * 2);bottom:calc(var(--s9-grid-unit) * 1.5);color:color-mix(in oklab, var(--s9-chalk) 18%, transparent);font-family:var(--s9-font-mono);pointer-events:none;font-size:clamp(2rem,5vw,4.5rem);line-height:1;position:absolute}._9xSLAa_study:nth-child(2n) ._9xSLAa_studyCopy{margin-left:auto}._9xSLAa_studyLabel{margin:0 0 calc(var(--s9-grid-unit) * 1.5);color:color-mix(in oklab, var(--s9-chalk) 58%, transparent);font-family:var(--s9-font-mono);font-size:var(--s9-text-mono);letter-spacing:.14em;text-transform:uppercase}._9xSLAa_studyCopy h3{font-family:var(--s9-font-display);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,5vw,5.5rem);line-height:.94}._9xSLAa_studyDescription{max-width:38rem;margin:calc(var(--s9-grid-unit) * 2.5) 0 0;color:color-mix(in oklab, var(--s9-chalk) 76%, transparent);font-size:var(--s9-text-body);line-height:1.6}._9xSLAa_studyCopy a{margin-top:calc(var(--s9-grid-unit) * 3);color:var(--s9-chalk);font-family:var(--s9-font-mono);font-size:var(--s9-text-mono);-webkit-text-decoration-color:color-mix(in oklab, var(--s9-chalk) 42%, transparent);text-decoration-color:color-mix(in oklab, var(--s9-chalk) 42%, transparent);text-underline-offset:.4em;display:inline-block}._9xSLAa_studyCopy a:hover{-webkit-text-decoration-color:var(--s9-chalk);text-decoration-color:var(--s9-chalk)}._9xSLAa_contractSection{align-content:center;min-height:100svh;display:grid}._9xSLAa_contractGrid{border-block:1px solid color-mix(in oklab, var(--s9-chalk) 14%, transparent);background:color-mix(in oklab, var(--s9-obsidian) 58%, transparent);grid-template-columns:1fr 1fr;display:grid}._9xSLAa_contractGrid>div{padding-block:clamp(2rem,5vw,4.5rem)}._9xSLAa_contractGrid>div:first-child{border-right:1px solid color-mix(in oklab, var(--s9-chalk) 14%, transparent);padding-right:clamp(2rem,5vw,5rem)}._9xSLAa_contractGrid>div:last-child{padding-left:clamp(2rem,5vw,5rem)}._9xSLAa_contractLabel{color:color-mix(in oklab, var(--s9-chalk) 58%, transparent)}._9xSLAa_contractGrid ul,._9xSLAa_contractGrid dl{margin:calc(var(--s9-grid-unit) * 3) 0 0;padding:0}._9xSLAa_contractGrid li,._9xSLAa_contractGrid dl div{gap:calc(var(--s9-grid-unit) * 2);padding-block:calc(var(--s9-grid-unit) * 2.5);border-top:1px solid color-mix(in oklab, var(--s9-chalk) 10%, transparent);grid-template-columns:auto 1fr;align-items:baseline;display:grid}._9xSLAa_contractGrid li{color:color-mix(in oklab, var(--s9-chalk) 82%, transparent);font-size:var(--s9-text-body);list-style:none}._9xSLAa_contractGrid li>span{color:color-mix(in oklab, var(--s9-chalk) 46%, transparent);font-family:var(--s9-font-mono);font-size:var(--s9-text-mono)}._9xSLAa_contractGrid dl div{grid-template-columns:minmax(9rem,.45fr) 1fr}._9xSLAa_contractGrid dt{color:var(--s9-chalk);font-family:var(--s9-font-display);font-size:var(--s9-text-lead);font-weight:650}._9xSLAa_contractGrid dd{color:color-mix(in oklab, var(--s9-chalk) 62%, transparent);margin:0;line-height:1.5}._9xSLAa_boundarySection{border-top:1px solid color-mix(in oklab, var(--s9-chalk) 14%, transparent);grid-template-columns:minmax(12rem,.4fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);display:grid}._9xSLAa_boundaryCopy{grid-template-columns:1fr .7fr;align-items:end;gap:clamp(2rem,5vw,5rem);display:grid}._9xSLAa_referenceSection{isolation:isolate;min-height:100svh;padding:clamp(5rem, 12vh, 9rem) var(--s9-gutter);place-items:center;display:grid;position:relative;overflow:hidden}._9xSLAa_referenceObject{z-index:-2;opacity:.28;filter:grayscale(.8)contrast(1.18);background:url(/experience/set-pieces/09-instrument.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.04)}._9xSLAa_referenceGrid{z-index:-1;pointer-events:none;background:linear-gradient(color-mix(in oklab, var(--s9-chalk) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--s9-chalk) 4%, transparent) 1px, transparent 1px), radial-gradient(ellipse at center, color-mix(in oklab, var(--s9-obsidian) 80%, transparent), var(--s9-obsidian) 76%);background-size:calc(var(--s9-grid-unit) * 5) calc(var(--s9-grid-unit) * 5), calc(var(--s9-grid-unit) * 5) calc(var(--s9-grid-unit) * 5), auto;position:absolute;inset:0}._9xSLAa_referenceCopy{text-align:center;border:1px solid color-mix(in oklab, var(--s9-chalk) 18%, transparent);background:color-mix(in oklab, var(--s9-obsidian) 78%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.35rem;justify-items:center;width:min(54rem,100%);padding:clamp(2rem,5vw,4rem);display:grid}@keyframes _9xSLAa_benchScan{0%{opacity:.18;transform:translate(0)rotate(8deg)}to{opacity:.72;transform:translate(145vw)rotate(8deg)}}._9xSLAa_footer{width:min(calc(100% - (var(--s9-gutter) * 2)), var(--s9-maxw));padding-block:calc(var(--s9-grid-unit) * 5);border-top:1px solid color-mix(in oklab, var(--s9-chalk) 14%, transparent);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}@media (max-width:62rem){._9xSLAa_heroCopy{width:min(48rem,100%)}._9xSLAa_heroNotes{display:none}._9xSLAa_contractGrid,._9xSLAa_boundarySection,._9xSLAa_boundaryCopy{grid-template-columns:1fr}._9xSLAa_contractGrid>div:first-child{border-right:0;border-bottom:1px solid color-mix(in oklab, var(--s9-chalk) 14%, transparent);padding-right:0}._9xSLAa_contractGrid>div:last-child{padding-left:0}}@media (max-width:44rem){._9xSLAa_heroBench{padding-inline:var(--s9-gutter);padding-bottom:clamp(5rem,10vh,7rem)}._9xSLAa_heroMedia{background-position:56%}._9xSLAa_heroCopy,._9xSLAa_studyCopy{border-radius:.3rem}._9xSLAa_hero h1{font-size:clamp(3.4rem,15vw,5.7rem)}._9xSLAa_heroActions,._9xSLAa_referenceActions,._9xSLAa_footer{flex-direction:column;align-items:stretch;width:100%}._9xSLAa_heroActions>a,._9xSLAa_referenceActions>a,._9xSLAa_footer>a{align-self:center;width:min(100%,20rem)}._9xSLAa_contractLine,._9xSLAa_scrollCue{display:none}._9xSLAa_productSection,._9xSLAa_contractSection,._9xSLAa_boundarySection{width:min(calc(100% - (var(--s9-gutter) * 2)), var(--s9-maxw));padding-block:clamp(5rem,16vw,7rem)}._9xSLAa_study{min-height:78svh;padding:var(--s9-grid-unit)}._9xSLAa_frameIndex{top:calc(var(--s9-grid-unit) * 2);right:calc(var(--s9-grid-unit) * 2)}._9xSLAa_studyCopy{padding:calc(var(--s9-grid-unit) * 3)}._9xSLAa_contractGrid dl div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){._9xSLAa_studyImage,._9xSLAa_exitPin{transition:none}._9xSLAa_scanBeam{display:none}._9xSLAa_study:hover ._9xSLAa_studyImage{transform:none}}
