@font-face{font-family:GardenTimes;src:url('/apply/ui/times.woff2') format('woff2');font-display:swap}@font-face{font-family:GardenSans;src:url('/apply/ui/sans.woff2') format('woff2');font-display:swap}
:root{--ink:#22231f;--muted:#686963;--line:#22231f35;--space:clamp(24px,3.2vw,52px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e7e7e4;color:var(--ink);font-family:GardenSans,Arial,sans-serif}body:before{content:'';position:fixed;inset:0;background:linear-gradient(#eeeeea80,#eeeeea80),url('/apply/ui/plaster.jpg') center/cover;opacity:.55;pointer-events:none}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible{outline:2px solid #555;outline-offset:6px}header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:30px var(--space)}.brand{display:flex;gap:14px;align-items:center}.brand img{filter:invert(1);object-fit:contain}.brand span{font:12px GardenTimes,Georgia,serif;text-transform:uppercase;letter-spacing:.14em}.back{font-size:14px;display:flex;gap:16px;padding:12px 0}.intro{position:fixed;left:var(--space);top:132px;z-index:3;pointer-events:none;transition:opacity .5s}.intro p{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.intro h1{font:400 clamp(32px,3.8vw,55px)/1.06 GardenTimes,Georgia,serif;letter-spacing:-.045em;margin:0}canvas{position:fixed;inset:0;display:block;width:100%;height:100%;z-index:1}.controls{position:fixed;right:var(--space);top:50%;transform:translateY(-50%);width:240px;z-index:4;transition:opacity .5s}.control-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:12px}.control-heading>span:first-child{letter-spacing:.06em}#ui{transition:opacity .4s;display:grid;gap:6px}.axis{display:grid;grid-template-columns:25px 1fr 30px;align-items:center;gap:12px;min-height:36px}.axis label{text-transform:uppercase;font-size:12px;letter-spacing:.08em;color:#55564f}.axis output{font-size:12px;font-variant-numeric:tabular-nums;text-align:right;color:#56574f}.axis input{width:100%;min-width:0;margin:0;height:30px;appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}.axis input::-webkit-slider-runnable-track{height:1px;background:#30312950}.axis input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:#33342e;box-shadow:0 0 0 5px #e7e7e466}.axis input::-moz-range-track{height:1px;background:#30312950}.axis input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#33342e}footer{position:fixed;bottom:30px;left:var(--space);right:var(--space);z-index:3;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:20px}.notation,.footer-label{font-size:11px;color:var(--muted);letter-spacing:.04em}.footer-label{text-align:right}#line{font:18px/1.35 GardenTimes,Georgia,serif;letter-spacing:-.015em;text-align:center;color:#60615b;max-width:500px;margin:auto}#line b{font-weight:400;color:#842f28}.is-aligned .controls,.is-aligned .intro{opacity:0;pointer-events:none}@media(max-width:900px){.controls{width:200px}.brand span{font-size:11px}.intro{top:112px}.intro h1{font-size:35px}}@media(max-width:699px){header{padding:22px var(--space)}.brand{gap:10px}.brand img{width:25px;height:25px}.brand span{font-size:10px;letter-spacing:.1em}.back{font-size:13px}.intro{top:112px;left:0;right:0;text-align:center}.intro p{margin-bottom:12px;font-size:10px}.intro h1{font-size:36px}.controls{left:var(--space);right:var(--space);top:auto;bottom:105px;width:auto;transform:none}.control-heading{padding:12px 0;font-size:11px}#ui{grid-template-columns:1fr 1fr;gap:3px 24px}.axis{grid-template-columns:21px minmax(0,1fr) 25px;gap:7px;min-height:35px}.axis input{height:34px}.axis output,.axis label{font-size:11px}footer{display:block;bottom:26px}.notation,.footer-label{display:none}#line{font-size:17px;max-width:310px}.is-aligned #line{font-size:22px}}@media(max-height:550px) and (min-width:700px){header{padding-top:15px;padding-bottom:15px}.intro{top:95px}.intro h1{font-size:28px}.controls{width:215px;top:51%}.axis{min-height:24px}.axis input{height:23px}#ui{gap:0}.control-heading{padding:10px 0}footer{bottom:18px}#line{font-size:16px}.notation,.footer-label{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}