:root{--paper:#F4F1E9;--ink:#463452;--citron:#D7DE8B;--charcoal:#252226;--rule:rgba(70,52,82,.22)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:7px}.page{max-width:1680px;margin:auto;padding:0 4.2vw}header{height:106px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule)}.brand{display:flex;gap:12px;align-items:center;font-size:23px;letter-spacing:-1px}.brand img{width:36px;height:36px}.status,.eyebrow,.study-top,.study-bottom,.foot-label,.signature{font-family:"Courier New",monospace;font-size:11px;letter-spacing:.04em}.status{display:flex;gap:10px;align-items:center}.status i{width:7px;height:7px;background:var(--ink);border-radius:50%;box-shadow:0 0 0 4px var(--citron)}main{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:62px 0 54px;align-items:center;min-height:calc(100svh - 264px)}.eyebrow{text-transform:uppercase;margin:0 0 28px}h1{font-size:clamp(90px,10.8vw,172px);line-height:.84;letter-spacing:-.085em;font-weight:400;margin:0 0 36px}.here{display:inline-block;margin-left:.31em}.period{color:var(--ink);position:relative;z-index:0}.period:before{content:"";position:absolute;width:.31em;height:.31em;background:var(--citron);border-radius:50%;bottom:.07em;left:.065em;z-index:-1}.intro{font-size:clamp(23px,2.2vw,34px);line-height:1.17;letter-spacing:-.045em;margin:0 0 20px}.description{color:var(--charcoal);font-size:13px;line-height:1.7;margin:0}.study{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.study-top,.study-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.study-top{border-bottom:1px solid var(--rule)}.study-bottom{border-top:1px solid var(--rule);padding-top:10px}.field{aspect-ratio:1;position:relative;overflow:hidden}.axis{position:absolute;background:var(--rule);opacity:.45}.axis-x{top:50%;left:0;width:100%;height:1px}.axis-y{top:0;left:50%;height:100%;width:1px}.cross{position:absolute;font:18px "Courier New",monospace}.top-left{top:20px;left:4px}.bottom-right{bottom:24px;right:4px}.orbit{position:absolute;inset:5%;transform:rotate(-20deg)}.ink{position:absolute;inset:0;mask:url('/assets/grain.svg') center/contain no-repeat;-webkit-mask:url('/assets/grain.svg') center/contain no-repeat;will-change:transform}.ink-front{background:var(--ink);transform:translate(-6%,0) rotate(-15deg);animation:inkfront 24s ease-in-out infinite}.ink-back{background:var(--citron);transform:translate(9%,4%) rotate(115deg);animation:inkback 24s ease-in-out infinite}.field-note{position:absolute;bottom:19px;left:0;right:0;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:14px}.study button{border:0;padding:7px 0;background:transparent;color:var(--ink);font-family:inherit;font-size:inherit;cursor:pointer;display:flex;gap:18px}.study button[hidden]{display:none}.paused .ink{animation-play-state:paused}.study-caption{margin-left:auto;font-size:10px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding:25px 0 30px;gap:24px}.foot-label{display:block;margin-bottom:10px}.hello{font-size:24px;letter-spacing:-.04em;display:inline-flex;align-items:baseline;gap:12px}.hello>span[aria-hidden]{transition:transform .2s}.hello:hover>span[aria-hidden]{transform:translate(3px,-3px)}.email{font-size:12px;letter-spacing:0;margin-left:20px;border-bottom:1px solid var(--rule);padding-bottom:3px}.signature{display:flex;gap:55px;align-items:center;line-height:1.7}.small-mark{font-family:Georgia,serif;font-size:34px;font-style:italic;letter-spacing:-3px}@keyframes inkfront{0%,100%{transform:translate(-6%,0) rotate(-15deg)}50%{transform:translate(5%,-4%) rotate(20deg)}}@keyframes inkback{0%,100%{transform:translate(9%,4%) rotate(115deg)}50%{transform:translate(-8%,4%) rotate(70deg)}}@media(min-width:1700px){.page{padding:0 70px}}@media(max-width:760px){.page{padding:0 24px}header{height:85px}.brand{font-size:20px}.brand img{width:30px;height:30px}.status{font-size:9px;max-width:106px;line-height:1.5}.status i{flex-shrink:0}main{grid-template-columns:1fr;gap:34px;padding:40px 0 32px}.eyebrow{margin-bottom:25px}h1{font-size:clamp(90px,22vw,160px);margin-bottom:28px}.intro{font-size:26px}.description{font-size:12px}.study{width:100%;max-width:510px;justify-self:center}.field{aspect-ratio:1.08}.study-top{font-size:10px}.study-caption{font-size:9px}footer{align-items:flex-end}.hello{flex-wrap:wrap;font-size:23px;max-width:255px;gap:8px}.email{flex-basis:100%;margin:5px 0 0;width:max-content;border:0}.signature{font-size:9px;gap:0}.small-mark{display:none}}@media(prefers-reduced-motion:reduce){.ink{animation:none}.hello>span[aria-hidden]{transition:none}}