@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#171c25;background:#edf0f3;font-synthesis:none;--blue:#214cf1;--line:#cad0d8}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}a{color:inherit;text-decoration:none}.shell{max-width:1920px;margin:auto;padding:0 4.1vw}header{display:flex;align-items:center;justify-content:space-between;min-height:105px;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-family:'Manrope',sans-serif;font-size:34px;letter-spacing:-2px;font-weight:800;display:flex;align-items:center;gap:7px}.brand-mark{font-size:28px;color:var(--blue);letter-spacing:0}.edition,.eyebrow,footer,.annotation,.specimen{font-size:12px;font-weight:500;letter-spacing:.07em}.status{display:flex;align-items:center;gap:9px;font-size:14px}.status>span{width:7px;height:7px;border-radius:50%;background:var(--blue)}main{position:relative;padding-top:35px}.eyebrow{display:flex;gap:15px;align-items:center}.vertical-line{height:12px;width:1px;background:#9da5b1}h1{position:relative;z-index:2;margin:31px 0 0;font-family:'Manrope',sans-serif;font-size:clamp(58px,7.7vw,142px);font-weight:500;line-height:1.035;letter-spacing:-.065em;pointer-events:none}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}h1 .serif{color:var(--blue);padding-right:.08em}.stage{height:435px;position:relative;margin-top:-36px;isolation:isolate}.sculpture-wrap{position:absolute;left:50%;top:49%;width:min(55vw,660px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:1;transition:filter .7s}.sculpture-wrap img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;animation:float 8s ease-in-out infinite;transform:translateY(0) rotate(-5deg);will-change:transform}.sculpture-wrap.nudged img{animation:nudge 1.3s cubic-bezier(.2,.8,.2,1)}.orbit{position:absolute;left:50%;top:50%;border:1px solid #c4ccd7;border-radius:50%;width:min(65vw,900px);height:250px;transform:translate(-50%,-50%) rotate(-14deg);z-index:-1}.orbit-two{width:min(45vw,610px);height:400px;transform:translate(-50%,-50%) rotate(26deg);border-style:dashed;opacity:.5}.annotation{position:absolute;display:flex;gap:15px;align-items:flex-start;line-height:1.65;z-index:3;color:#626b78}.cross{font-size:25px;font-weight:400;line-height:1}.annotation-left{left:0;top:42%}.annotation-right{right:0;top:64%}.specimen{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;color:#6d7582;font-size:11px}.bottom-row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;margin:22px 0 36px;gap:24px}.bottom-row p{font-size:18px;line-height:1.5;margin:0;color:#535c69}.bottom-row p .serif{color:#171c25;font-size:23px}.interaction{display:flex;flex-direction:column;align-items:flex-end;gap:12px}#nudge{display:flex;align-items:center;justify-content:space-between;gap:40px;border:0;background:var(--blue);color:white;border-radius:50px;padding:9px 9px 9px 25px;min-height:61px;font-size:16px;cursor:pointer;box-shadow:0 7px 25px #214cf116;transition:background .2s,transform .2s}#nudge:hover{background:#1536c8;transform:translateY(-2px)}#nudge:active{transform:scale(.98)}.button-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#fff;color:var(--blue);font-size:25px}.reaction{font-size:12px;color:#646e7d;min-height:18px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;color:#68717e;font-size:11px}#motion{background:none;border:0;padding:10px 0;color:#535c69;cursor:pointer;font-size:12px;display:flex;gap:14px}.paused .sculpture-wrap img{animation-play-state:paused}.paused .sculpture-wrap{transform:translate(-50%,-50%)!important} @keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-18px) rotate(5deg)}}@keyframes nudge{0%{transform:scale(1) rotate(-5deg)}35%{transform:scale(1.08) rotate(14deg)}65%{transform:scale(.96) rotate(-9deg)}100%{transform:scale(1) rotate(-5deg)}}
@media(min-width:1600px){.stage{height:520px}.sculpture-wrap{width:760px}.bottom-row{margin-top:35px}}@media(max-width:1000px){.edition{display:none}h1{font-size:9vw}.annotation{font-size:10px;gap:8px}.stage{height:390px;margin-top:-10px}.sculpture-wrap{width:62vw}.orbit{width:80vw}.annotation-right{top:80%}.annotation-left{top:23%}.specimen{bottom:-8px}.bottom-row{margin-top:35px}}
@media(max-width:600px){.shell{padding:0 22px}header{min-height:83px}.wordmark{font-size:29px}.brand-mark{font-size:25px}.status{font-size:12px}main{padding-top:27px}.eyebrow{font-size:10px;gap:10px}h1{font-size:clamp(43px,10.5vw,63px);margin-top:28px;line-height:1.12;letter-spacing:-.065em}.stage{height:330px;margin-top:5px}.sculpture-wrap{width:110%;max-width:490px;top:47%}.orbit{width:100%;height:150px;top:48%}.orbit-two{width:65%;height:240px}.annotation-left{top:5%;font-size:8px;max-width:135px}.annotation-right{top:auto;bottom:35px;font-size:8px}.cross{font-size:18px}.specimen{font-size:8px;bottom:3px}.bottom-row{margin:25px 0 30px;align-items:flex-start;flex-direction:column;gap:25px}.bottom-row p{font-size:16px}.bottom-row p br{display:none}.bottom-row p .serif{font-size:20px}.interaction{align-items:flex-start;width:100%}#nudge{width:100%;font-size:15px}.reaction{font-size:11px}footer{min-height:75px;flex-wrap:wrap;gap:0 15px;font-size:9px}footer>span:nth-child(2){display:none}#motion{font-size:11px;margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.sculpture-wrap{transform:translate(-50%,-50%)!important}}
/* Keep the sculpture clear of the headline and soften the studio backdrop. */
.stage{margin-top:24px}.sculpture-wrap{width:min(49vw,540px);max-height:100%}.sculpture-wrap img{mask-image:radial-gradient(ellipse at center,black 59%,transparent 73%)}
@media(min-width:1600px){.sculpture-wrap{width:630px}}
@media(max-width:1000px){.sculpture-wrap{width:52vw}.stage{margin-top:24px}}
@media(max-width:600px){.stage{margin-top:14px}.sculpture-wrap{width:100%;max-width:370px}.annotation{font-size:10px}.specimen{font-size:10px}.eyebrow{font-size:11px}footer{font-size:11px}}
@media(max-width:600px){.annotation{display:none}.stage{height:325px}.sculpture-wrap{top:43%;width:95%}.bottom-row p br::after{content:" "}}
.stage{overflow:clip}