:root{--paper:#f4f2e9;--ink:#242820;--orange:#fa744b;--purple:#c6b3e3;--green:#435a3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.wordmark{font-size:35px;font-weight:800;letter-spacing:-2px}.wordmark span{display:inline-block;color:var(--orange);margin-left:7px;font-size:35px}nav{display:flex;gap:35px;font-size:13px}nav a:last-child{border-bottom:1px solid;padding:0 0 8px}nav span{margin-left:14px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding:70px 6% 80px;align-items:center}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:1.6px;line-height:1.7}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-4px;font-weight:500;line-height:1.04;margin:30px 0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{color:var(--green)}.lede{font-size:16px;color:#62675d;line-height:1.8;max-width:390px}.cta,button{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper);padding:20px 23px;border-radius:4px;font-size:13px;margin-top:24px;border:0;cursor:pointer;transition:transform .2s,background .2s}.cta:hover,button:hover{background:var(--green);transform:translateY(-2px)}.footnote{font-size:11px;color:#787c71;margin-top:20px}.art{aspect-ratio:1/1.06;position:relative;overflow:hidden;background:#eae8dd;border-radius:180px 180px 5px 5px;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#2428200a 1px,transparent 1px),linear-gradient(90deg,#2428200a 1px,transparent 1px);background-size:36px 36px}.art-tag{position:absolute;top:24%;left:10%;font-family:monospace;font-size:9px;letter-spacing:1px;z-index:3}.orb{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ffc39c,var(--orange) 48%,#c64b31 95%);top:30%;left:4%;box-shadow:15px 30px 30px #795a2c15;animation:float 8s ease-in-out infinite}.loop{width:48%;aspect-ratio:1;position:absolute;right:-2%;top:25%;border:38px solid var(--purple);border-radius:50%;transform:rotateX(30deg) rotateY(-26deg);box-shadow:inset 6px 6px 16px #80669533,7px 12px 0 #a491c3;z-index:2;animation:tilt 10s ease-in-out infinite}.tile{width:43%;aspect-ratio:1;position:absolute;bottom:12%;right:12%;background:var(--green);border-radius:12px;transform:rotate(-12deg);display:grid;place-items:center;z-index:3;box-shadow:15px 18px 25px #24282020}.tile span{font-size:clamp(80px,12vw,165px);color:#e2e8b0;line-height:1}.small-orb{position:absolute;width:17%;aspect-ratio:1;border-radius:50%;left:15%;bottom:8%;background:radial-gradient(circle at 35% 30%,#f5f1cb,#c6ce88);z-index:4}.caption{position:absolute;bottom:4%;right:8%;font-family:Georgia,serif;font-size:13px;font-style:italic}.art-cross{position:absolute;left:8%;bottom:4%;font-family:monospace;font-size:22px}.ticker{border-top:1px solid #24282025;border-bottom:1px solid #24282025;padding:22px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;white-space:nowrap;font-size:11px;letter-spacing:2px;font-family:monospace}.ticker b{font-size:23px;color:var(--orange)}.idea{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:100px 6%}.idea>.eyebrow{margin-top:15px}h2{font-size:clamp(32px,3.7vw,52px);font-weight:400;line-height:1.15;letter-spacing:-1.8px;margin:0 0 26px}.idea div p,.play-copy>p:not(.eyebrow):not(.palette-label){color:#62675d;line-height:1.8;font-size:15px;max-width:470px}.play{margin:0 6% 70px;background:#e7e9de;border-radius:7px;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.play .eyebrow{margin-bottom:25px}.mini-art{aspect-ratio:1;position:relative;border:1px solid #24282020;border-radius:50% 50% 5px 5px;overflow:hidden}.mini-circle{position:absolute;top:15%;left:10%;width:56%;aspect-ratio:1;border-radius:50%;background:var(--orange);transition:background .4s}.mini-square{position:absolute;right:8%;bottom:14%;width:48%;aspect-ratio:1;background:var(--purple);border-radius:7px;transform:rotate(13deg);transition:background .4s}.mini-flower{position:absolute;left:12%;bottom:15%;font-size:150px;line-height:1;color:var(--green);transition:color .4s}.mini-art>span{position:absolute;bottom:5%;left:14%;font-family:monospace;font-size:9px;letter-spacing:1px}.palette-label{font-family:monospace;font-size:10px;color:#676c5d;margin-top:20px}.closing{padding:25px 6% 60px;display:flex;justify-content:space-between;align-items:center}.closing p{font-family:Georgia,serif;font-style:italic;font-size:24px}.closing a{font-size:12px;border-bottom:1px solid;padding-bottom:6px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #24282025;padding:35px 6%;font-size:11px;color:#676c5d}footer .wordmark{font-size:25px;color:var(--ink)}footer .wordmark span{font-size:26px}@keyframes float{50%{transform:translateY(-10px)}}@keyframes tilt{50%{transform:rotateX(20deg) rotateY(5deg) translateY(-7px)}}@media(max-width:800px){header{height:90px}.hero{gap:30px;padding-top:35px;grid-template-columns:1fr}h1{letter-spacing:-2px;font-size:clamp(42px,8.5vw,68px)}.lede{max-width:520px}.art{max-width:480px;width:100%;margin:20px auto 0}.tile span{font-size:130px}.ticker{justify-content:flex-start;gap:30px}.idea{padding:65px 6%;grid-template-columns:1fr;gap:20px}.play{grid-template-columns:1fr;padding:35px;gap:40px}.mini-art{max-width:350px;width:100%;margin:auto}.closing{display:block}.closing p{font-size:23px}.closing a{display:inline-block}footer p{display:none}}@media(max-width:400px){header{padding:0 6%}.wordmark{font-size:29px}nav{gap:15px;font-size:11px}nav span{margin-left:5px}h1{font-size:41px}.eyebrow{font-size:9px;letter-spacing:1px}.play{padding:25px}.mini-flower{font-size:110px}.loop{border-width:28px}.tile span{font-size:100px}.cta,button{gap:15px;font-size:12px;padding:18px}footer{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}