:root{color-scheme:light;--paper:#fafafa;--ink:#111;--muted:#696969}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #555;outline-offset:8px}header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 32px;z-index:10;pointer-events:none}header>*{pointer-events:auto}.home{font-size:15px;font-weight:600;text-decoration:none;letter-spacing:-1px;color:inherit;opacity:0;transition:opacity .4s}.info-button{border:1.7px solid var(--ink);border-radius:50%;width:34px;height:34px;background:var(--paper);font-family:Georgia,serif;font-size:24px;line-height:1;padding:0;display:grid;place-items:center}.info-button span{transform:translateY(-1px)}.stage{min-height:650px;height:100svh;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.wordmark{padding:0 24px;transform:translateY(-8px)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3.2rem,8.1vw,8.2rem);letter-spacing:-.065em;line-height:1.1;margin:0;text-align:center}.period{margin-left:.015em}.motto{position:absolute;bottom:16.8%;margin:0;font-size:15px;letter-spacing:.012em;color:var(--muted)}.box-control{position:absolute;top:64%;left:calc(50% - 30px);width:60px;height:60px;padding:10px;border:0;background:transparent;animation:wander 22s ease-in-out infinite;transition:transform .7s}.geometry{display:block;position:relative;width:40px;height:40px;transition:transform .85s cubic-bezier(.22,1,.36,1)}.edge{position:absolute;display:block;background:var(--ink);transition:transform .8s cubic-bezier(.22,1,.36,1)}.top,.bottom{height:1.5px;left:0;width:40px}.left,.right{width:1.5px;top:0;height:40px}.top{top:0;transform-origin:right center}.bottom{bottom:0}.left{left:0}.right{right:0}.dot{position:absolute;width:7px;height:7px;left:16px;top:16px;background:var(--ink);border-radius:50%;opacity:0;transition:transform .9s .12s cubic-bezier(.22,1,.36,1),opacity .35s}.box-control:hover .geometry{transform:rotate(-8deg)}.is-open .geometry{transform:rotate(-10deg)}.is-open .top{transform:rotate(112deg)}.is-open .dot{opacity:1;transform:translate(25px,-48px)}.box-control:active .geometry{scale:.92}@keyframes wander{0%,13%,100%{translate:0 0;rotate:0deg}29%{translate:90px 4px;rotate:8deg}49%{translate:180px -14px;rotate:90deg}67%{translate:30px -3px;rotate:0deg}82%{translate:-130px 6px;rotate:-90deg}}footer{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:27px 32px;z-index:10;color:var(--muted);font-size:12px;letter-spacing:.02em}footer button{border:0;background:none;padding:4px 0;font-size:12px;color:var(--muted)}.about{position:relative;min-height:100svh;padding:155px 28px 105px;animation:appear .65s both}.about[hidden]{display:none}.about-inner{max-width:620px;margin:auto}.eyebrow{font-size:14px;margin:0 0 28px;color:var(--muted)}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.65rem,5vw,4.5rem);line-height:1.07;letter-spacing:-.05em;font-weight:400;margin:0 0 52px}.services{max-width:490px}.services details{border-bottom:1px solid #dedede}.services details:first-child{border-top:1px solid #dedede}.services summary{list-style:none;cursor:pointer;padding:18px 0;font-size:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.services summary::-webkit-details-marker{display:none}.services summary span{font-size:21px;font-weight:300;transition:transform .3s}.services details[open] summary span{transform:rotate(45deg)}.services p{font-size:16px;line-height:1.6;color:var(--muted);max-width:400px;margin:0 0 22px}.about-signoff{font-family:Georgia,'Times New Roman',serif;font-size:22px;letter-spacing:-.03em;margin:46px 0 0}.show-about .home{opacity:1}.show-about .stage{display:none}.show-about footer{background:linear-gradient(transparent,var(--paper) 30%)}.show-about #motionButton{visibility:hidden}.paused .box-control{animation-play-state:paused}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){header{padding:23px 23px}footer{padding:22px 23px}.stage{min-height:540px}.wordmark{padding:0 15px}h1{font-size:clamp(2.5rem,9.9vw,3.7rem);letter-spacing:-.065em}.box-control{top:61%}.motto{bottom:19%;font-size:14px}.about{padding:135px 27px 105px}.eyebrow{font-size:13px}h2{margin-bottom:40px}.services summary{font-size:17px}@keyframes wander{0%,15%,100%{translate:0 0;rotate:0deg}35%{translate:65px 3px;rotate:90deg}65%{translate:-60px -5px;rotate:-90deg}}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-height:640px) and (min-width:601px){.stage{min-height:520px}.motto{bottom:12%}.box-control{top:65%}}