html,body{margin:0;background:#191918}#root{visibility:hidden;opacity:0}html[data-app-ready] #root{visibility:visible;opacity:1;transition:opacity .8s ease}#boot-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#191918;perspective:900px;transition:opacity .65s ease,visibility .65s}html[data-app-ready] #boot-loader{opacity:0;visibility:hidden;pointer-events:none}#boot-logo{grid-area:1/1;width:clamp(88px,12vw,142px);aspect-ratio:3.85/4.1;border:0;padding:0;background:none;cursor:pointer;color:#ddd;transform-style:preserve-3d;animation:boot-grow 2.8s cubic-bezier(.2,.65,.3,1) both;transition:opacity .45s ease}#boot-logo:focus-visible,#boot-skip:focus-visible,#boot-writing-toggle:focus-visible{outline:1px solid #c8bda9;outline-offset:16px;border-radius:3px}.boot-spindle{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:boot-turn 1.8s cubic-bezier(.45,.08,.55,.92) infinite}#boot-logo svg{display:block;position:absolute;inset:0;width:100%;height:100%;transform:translateZ(3px)}#boot-logo .boot-edge{fill:#8b8e8f;transform:translateZ(0)}#boot-logo .boot-edge:nth-child(2){transform:translateZ(-1px)}#boot-logo .boot-edge:nth-child(3){transform:translateZ(-2px)}#boot-logo .boot-edge:nth-child(4){transform:translateZ(-3px)}#boot-logo .boot-edge:nth-child(5){transform:translateZ(-4px)}#boot-logo[aria-pressed=true],#boot-logo[aria-pressed=true] .boot-spindle{animation-play-state:paused}.boot-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#boot-message{grid-area:1/1;mix-blend-mode:screen;width:min(94vw,1100px);visibility:hidden;opacity:0;color:#e8e3d6;transition:opacity .4s ease}#boot-skip{position:absolute;bottom:max(36px,env(safe-area-inset-bottom));right:6vw;visibility:hidden;opacity:0;border:0;background:transparent;color:#aaa99f;font:12px/1.5 sans-serif;letter-spacing:.15em;padding:16px;cursor:pointer}#boot-loader[data-phase=message] #boot-logo{opacity:0;pointer-events:none}#boot-loader[data-phase=message] .boot-spindle{animation-play-state:paused}#boot-loader[data-phase=message] #boot-message,#boot-loader[data-phase=message] #boot-skip{visibility:visible;opacity:1}html[data-app-ready] #boot-logo,html[data-app-ready] .boot-spindle{animation:none}@keyframes boot-turn{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes boot-grow{0%{transform:scale(.72)}to{transform:scale(1.9)}}@media(max-width:600px){#boot-message{width:100vw}#boot-logo{width:110px}}@media(prefers-reduced-motion:reduce){#boot-logo,.boot-spindle{animation:none}#root,#boot-loader,#boot-logo,#boot-message{transition:none!important}}#boot-writing,#boot-writing-still{width:100%;height:auto;aspect-ratio:16/5;display:block}#boot-writing[hidden],#boot-writing-still[hidden],#boot-writing-toggle[hidden]{display:none}#boot-writing-toggle{position:absolute;bottom:max(36px,env(safe-area-inset-bottom));left:6vw;border:0;background:transparent;color:#aaa99f;font:12px/1.5 sans-serif;letter-spacing:.15em;padding:16px;cursor:pointer}:root{font-family:Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#f3eee3;background:#191918;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}a{color:inherit;text-underline-offset:7px}button:focus-visible,a:focus-visible{outline:1px solid #f3eee3;outline-offset:7px}button:hover,a:hover{color:#fff}button:disabled,button[aria-disabled=true]{cursor:default}.orchestra{position:relative;isolation:isolate;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#1b1b19}.orchestra:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.masthead{position:absolute;z-index:5;top:4.3%;left:4.1%;right:4.1%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:14px;letter-spacing:.28em;white-space:nowrap}.brand span{font-size:11px;letter-spacing:.37em;margin-left:7px}.masthead nav{display:flex;gap:36px;font-size:12px;letter-spacing:.08em}.masthead nav button{padding:9px 0;border-bottom:1px solid transparent}.masthead nav button:hover{border-color:#b4ac9b}.sculpture{position:absolute;top:0;left:0;width:100%;height:calc(88.5% - clamp(75px,9.36vw,162px) - 24px);pointer-events:none}.webgl,.webgl canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.webgl{-webkit-mask-image:linear-gradient(#000 95%,transparent);mask-image:linear-gradient(#000 95%,transparent)}.letter-target{position:absolute;left:50%;top:45%;width:15%;height:30%;transform:translate(-50%,-50%);border-radius:48%;pointer-events:auto;cursor:grab}.letter-target:active{cursor:grabbing}.letter-o{left:18%}.letter-r{left:39%}.letter-c{left:60%}.letter-x{left:80%}.letter-target:focus-visible{outline:1px dashed #d3c5ab88;outline-offset:12px}.pull{position:absolute;left:50%;top:86%;width:60px;height:60px;transform:translate(-50%,-50%);touch-action:none;pointer-events:auto;cursor:grab;border-radius:50%}.pull.is-pulled{cursor:grabbing}.pull:focus-visible{outline:1px solid #c9563a;outline-offset:2px}.pull-caption{position:absolute;left:calc(100% + 30px);top:50%;transform:translateY(-50%);font-size:12px;letter-spacing:.13em;white-space:nowrap;color:#ddd4c6}.pull-caption:before{content:"";position:absolute;right:calc(100% + 12px);width:26px;top:50%;height:1px;background:#b3a58c}.pull.is-pulled .pull-caption{color:#f4c9b6}.experience-note{position:absolute;bottom:2.5%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:10px;letter-spacing:.08em;color:#a69f92}.experience-index{font-size:9px;letter-spacing:.13em;color:#938a7b}.experience-note button{pointer-events:auto;margin-left:9px;padding:5px 0;border-bottom:1px solid #7b7263;font-size:10px;color:#d4c8b8}.hero-copy{position:absolute;left:4.1%;right:4.1%;bottom:11.5%;display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:6%}h1{font-size:clamp(25px,3.12vw,54px);font-weight:400;line-height:1.5;letter-spacing:-.025em;margin:0;white-space:nowrap}.mission-copy{margin:0;color:#b9b3a8;font-size:clamp(10px,.95vw,14px);line-height:1.95;letter-spacing:.025em}.mission-copy span{display:block}.mission-copy span:last-child{margin-top:.3em}.footer{position:absolute;bottom:3.8%;left:4.1%;right:4.1%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#c3bbad}.footer>div{display:flex;align-items:center;gap:20px}.motion-toggle{font-size:10px;padding:8px 0;color:#a69e90}.motion-toggle:before{content:"Ⅱ";padding-right:8px;color:#c8bda9}.motion-toggle[aria-pressed=true]:before{content:"▷"}.motion-toggle[aria-pressed=true]{color:#d2ab96}.fallback-note{font-size:9px;letter-spacing:0;color:#a99d8a}.fallback-art{position:absolute;left:7%;right:7%;top:25%;height:42%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(60px,20vw,250px);font-weight:300;line-height:1;color:#ded6c5}.fallback-art img{height:100%;width:25%;object-fit:contain}.fallback-art span:nth-child(2){opacity:.55}.fallback-art span:nth-child(3){color:#c84f32}.handle-fallback{display:none}.is-fallback .handle-fallback,.is-loading .handle-fallback{display:block;width:34px;height:34px;margin:13px;border-radius:50%;background:#bd462e;box-shadow:inset 1px 1px 2px #ef917c55}.is-fallback .letter-target{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.detail{color:#f3eee3;border:1px solid #47443f;background:#20201e;padding:0;width:min(740px,90vw);max-height:88svh;box-shadow:0 24px 100px #0008}.detail::backdrop{background:#111b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-inner{position:relative;padding:64px 68px 50px}.close{position:absolute;right:30px;top:26px;font-size:12px;border-bottom:1px solid #8e877b;padding-bottom:5px}.eyebrow{font-size:10px;letter-spacing:.3em;color:#aaa397;margin:0 0 24px}.detail h2{font-size:clamp(24px,3vw,37px);font-weight:400;line-height:1.6;margin:0 0 25px}.detail p:not(.eyebrow){font-size:14px;line-height:1.9;color:#ccc6bb}.detail .detail-lead{font-size:20px!important;letter-spacing:.04em;color:#f3eee3!important}.detail a{display:inline-block;margin-top:12px;font-size:14px}.detail .email{font-size:clamp(16px,3vw,23px)}.service-note{border-top:1px solid #50483c;margin-top:35px;padding-top:15px}@media(max-width:700px){.orchestra{min-height:640px}.masthead{top:25px;left:7%;right:7%;display:block}.brand{font-size:12px}.brand span{font-size:9px}.masthead nav{margin-top:23px;justify-content:space-between;gap:15px;font-size:10px}.sculpture{top:16%;height:44%}.pull{width:48px;height:48px}.pull-caption{left:calc(100% + 11px);font-size:9px;letter-spacing:.02em}.pull-caption:before{width:12px;right:calc(100% + 6px)}.experience-note{bottom:0;gap:7px;font-size:8px;letter-spacing:0}.experience-note button{font-size:8px;margin-left:2px}.experience-index{font-size:8px}.hero-copy{left:7%;right:7%;bottom:11%;display:block}h1{font-size:clamp(21px,5.6vw,36px);line-height:1.6;letter-spacing:-.05em}.hero-copy .mission-copy{margin-top:20px;font-size:10px;line-height:1.9;letter-spacing:0}.footer{left:7%;right:7%;bottom:3%;font-size:9px}.motion-toggle{font-size:9px}.fallback-note{position:absolute;right:0;bottom:35px}.detail-inner{padding:60px 27px 32px}.detail h2{font-size:24px}.detail p:not(.eyebrow){font-size:12px}.fallback-art{top:22%;height:45%}.fallback-art img{max-height:150px}}@media(min-width:701px)and (max-height:700px){.hero-copy{bottom:10%}h1{font-size:clamp(25px,3vw,42px)}.hero-copy .mission-copy{font-size:10px}.experience-note{bottom:1%}.footer{bottom:2%}}@media(max-height:700px)and (max-width:700px){.orchestra{min-height:560px}.sculpture{top:18%;height:39%}.hero-copy{bottom:10%}.hero-copy .mission-copy{margin-top:12px;font-size:9px}h1{font-size:5.3vw}.experience-note{font-size:7px;gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(min-width:600px)and (max-height:500px){.orchestra{min-height:0}.masthead{top:12px;left:4%;right:4%;display:flex}.brand{font-size:11px}.brand span{font-size:8px}.masthead nav{margin:0;font-size:9px;gap:24px}.sculpture{left:0;top:12%;width:61%;height:77%}.hero-copy{inset:25% 4% auto 64%;display:block}h1{font-size:1.95vw;line-height:1.7}.hero-copy .mission-copy{font-size:9px;margin-top:15px;line-height:1.8}.experience-note{bottom:0;font-size:7px;gap:6px}.experience-index,.experience-note button{font-size:7px}.pull{width:44px;height:44px}.pull-caption{font-size:8px;left:calc(100% + 8px)}.pull-caption:before{width:10px;right:calc(100% + 5px)}.footer{bottom:2%;left:4%;right:4%;font-size:8px}.motion-toggle{font-size:8px}}@media(max-width:599px)and (max-height:559px){.orchestra{min-height:0}.masthead{top:12px}.masthead nav{margin-top:8px}.sculpture{top:15%;height:40%}.hero-copy{bottom:11%}.hero-copy .mission-copy{font-size:8px;line-height:1.7;margin-top:8px}h1{font-size:5.1vw}.footer{bottom:1%}}.is-fallback .handle-fallback,.is-loading .handle-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;background:radial-gradient(circle,transparent 0 3px,#bd462e 4px)}@media(min-width:600px)and (max-height:500px){.fallback-art{font-size:13vw}}@media(max-width:700px){.orchestra{background:radial-gradient(ellipse at 48% 35%,#2d3028,#24261f 30%,#1e1f1b 57%,#1b1b19 82%)}.webgl{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#00000026 3%,#00000080 7%,#000000d9 11%,#000 16%,#000 86%,#000000d9 90%,#00000080 94%,#00000026 98%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#00000026 3%,#00000080 7%,#000000d9 11%,#000 16%,#000 86%,#000000d9 90%,#00000080 94%,#00000026 98%,transparent 100%)}}@media(max-width:700px)and (min-height:501px){.orchestra{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:22px 7% 12px;gap:16px}.masthead{position:relative;inset:auto;display:block}.masthead nav{margin-top:16px;font-size:12px}.sculpture{position:relative;inset:auto;width:calc(100% / .86);margin-left:calc(-7% / .86);height:100%;min-height:0}.hero-copy{position:relative;inset:auto;display:block}h1{font-size:clamp(21px,5.6vw,36px);line-height:1.6}.hero-copy .mission-copy{margin-top:18px;font-size:14px;line-height:1.8;color:#d0c9bd}.footer{position:relative;inset:auto;font-size:10px;letter-spacing:.06em;min-height:36px}.motion-toggle{font-size:12px;color:#d0c9bd;min-height:44px}.pull-caption{left:50%;top:calc(100% + 2px);transform:translate(-50%);font-size:12px;color:#e5dac9}.pull-caption:before{display:none}.experience-note{bottom:0;width:90%;justify-content:center;white-space:normal;text-align:center;flex-wrap:wrap;gap:4px 8px;font-size:12px;line-height:1.5;color:#c4bcaf}.experience-index{font-size:10px;color:#bfb5a4}.experience-note button{font-size:12px;margin-left:0;padding:8px 4px}}@media(max-width:700px)and (min-height:501px)and (max-height:740px){.orchestra{padding-top:14px;padding-bottom:6px;gap:9px}.masthead nav{margin-top:7px}.hero-copy .mission-copy{margin-top:10px;font-size:13px;line-height:1.65}.experience-note{font-size:11px;gap:2px 6px}.experience-note button{padding:4px;font-size:11px}}@media(max-width:700px)and (min-height:501px)and (max-height:740px){.experience-note{left:auto;right:5%;transform:none;width:auto}.experience-note>span{display:none}.experience-note button{padding:8px 2px;font-size:12px;min-height:36px}}@media(max-width:700px)and (min-height:501px){.is-fallback .fallback-art{top:16%;height:38%}.is-fallback .pull{top:67%}}@media(max-width:700px)and (min-height:501px)and (max-height:740px){.webgl{height:calc(100% - 28px)}}@media(min-width:600px)and (max-height:500px){.hero-copy .mission-copy{font-size:12px;line-height:1.8;color:#d0c9bd}h1{font-size:clamp(14px,1.95vw,20px);white-space:normal}.masthead nav{font-size:11px}.experience-note,.experience-index,.experience-note button,.pull-caption,.motion-toggle{font-size:10px;color:#cfc6b7}.webgl{-webkit-mask-image:linear-gradient(to right,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent);mask-image:linear-gradient(to right,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}}
