@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#e9e7df;background:#0a0d13;font-family:DM Mono,monospace;overflow:hidden}button,a{font:inherit}button{cursor:pointer}.control-room,.control-room canvas{width:100%;height:100dvh;display:block}.control-room{background:#0a0d13;position:relative}.chrome{pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(1.25rem,1fr) minmax(16rem,27rem) minmax(12rem,1fr);padding:clamp(1.25rem,3vw,3.25rem);display:grid;position:absolute;inset:0}.topline,.footerline{letter-spacing:.115em;text-transform:uppercase;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;font-size:.61rem;display:flex}.topline p{color:#a6afba;margin:0 0 0 4.5rem}.monogram,.footerline a{pointer-events:auto;color:inherit;text-decoration:none}.monogram{color:#e9c47c;letter-spacing:.04em;font-size:.72rem}.take-control{pointer-events:auto;color:#e9e7df;text-transform:uppercase;letter-spacing:.09em;background:#0a0d13b3;border:1px solid #667589;padding:.72rem .9rem;font-size:.59rem;transition:background .16s ease-out,color .16s ease-out,transform .16s ease-out}.take-control:hover,.take-control.is-active{color:#0a0d13;background:#e9c47c;border-color:#e9c47c}.take-control:active{transform:scale(.97)}.copy{pointer-events:none;grid-column:2;align-self:center;max-width:26rem;margin-top:-1rem}.eyebrow{color:#e9c47c;text-transform:uppercase;letter-spacing:.13em;margin:0 0 1.3rem;font-size:.61rem}h1{letter-spacing:-.075em;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(3.25rem,6.8vw,6.8rem);font-weight:500;line-height:.82}h1 em{color:#e9c47c}.lede{color:#bac0c8;width:min(22rem,100%);margin:2rem 0 0;font-size:clamp(.72rem,.9vw,.85rem);line-height:1.75}.target-index{pointer-events:auto;grid-column:3;place-self:center end;width:min(13rem,100%);display:grid}.target-index button{color:#a6afba;text-align:left;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;border-bottom:1px solid #a2afbf4d;padding:.8rem 0;font-size:.62rem;transition:color .15s ease-out,padding .15s ease-out}.target-index button span{color:#64738a;width:2.2rem;display:inline-block}.target-index button:hover,.target-index button.is-selected{color:#e9c47c;padding-left:.35rem}.footerline{color:#96a0ac;align-self:end}.footerline p{letter-spacing:.1em;margin:0;font-size:.58rem}.footerline a{color:#c9cbd0;font-size:.58rem}.footerline a span{color:#e9c47c}@media (width<=700px){.chrome{grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr;padding:1.2rem}.topline p{display:none}.copy{grid-column:1;align-self:center;max-width:20rem;margin-top:0}h1{font-size:clamp(3.4rem,17vw,5.5rem)}.target-index{grid-area:3/1;grid-template-columns:repeat(3,1fr);justify-self:stretch;gap:.75rem;width:100%}.target-index button{padding:.5rem 0;font-size:.53rem}.target-index button span{margin-bottom:.32rem;display:block}.footerline{grid-row:4;margin-top:.8rem}.footerline p{display:none}}@media (prefers-reduced-motion:reduce){.take-control,.target-index button{transition:none}}