@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--bg:#f3f0e9;--ink:#171716;--muted:#6e6b65;--line:#cfcbc1;--accent:#7657ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-weight:600;font-size:14px;letter-spacing:.08em}nav{display:flex;gap:32px;font-size:14px;color:var(--muted)}nav a:hover{color:var(--ink)}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:7vw 5vw;overflow:hidden}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;margin:0 0 26px}.hero h1,.about h2,.closing h2{font-family:Manrope,sans-serif;font-size:clamp(52px,7.4vw,118px);font-weight:400;line-height:.94;letter-spacing:-.055em;margin:0}.hero h1 em,.about h2 em,.closing h2 em{font-family:Georgia,serif;font-weight:400}.lead{max-width:590px;font-size:20px;line-height:1.55;color:var(--muted);margin:38px 0}.signature{display:flex;align-items:center;gap:18px;font-size:12px;line-height:1.6}.signature span{width:44px;height:1px;background:var(--ink)}.art{height:650px;position:relative}.art strong{position:absolute;right:-1vw;bottom:5%;font-size:clamp(90px,15vw,240px);letter-spacing:-.08em;color:rgba(23,23,22,.045)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb.a{width:310px;height:310px;right:8%;top:10%;background:radial-gradient(circle at 30% 25%,#fff,#b6a7ff 22%,#7657ff 60%,#4a2bd0)}.orb.b{width:190px;height:190px;left:9%;bottom:17%;background:radial-gradient(circle at 30% 25%,#fff,#ffd791 24%,#ff8f4d 67%)}.orb.c{width:85px;height:85px;right:38%;bottom:8%;background:#c8ff80}.shape{position:absolute;border:1px solid rgba(23,23,22,.4);transform:rotate(35deg)}.s1{width:250px;height:250px;left:17%;top:18%}.s2{width:160px;height:160px;right:5%;bottom:20%;border-radius:50%}.s3{width:80px;height:220px;right:27%;top:4%;border-radius:50%}.games{padding:10vw 5vw;border-top:1px solid var(--line)}.game{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center;padding:6vw 4vw;border-top:1px solid var(--line)}.game:last-child{border-bottom:1px solid var(--line)}.game.reverse img{order:2}.game img{width:min(100%,440px);border-radius:24%;box-shadow:0 25px 70px rgba(0,0,0,.13)}.game span{font-size:11px;letter-spacing:.16em;color:var(--muted)}.game h2{font-family:Manrope,sans-serif;font-size:clamp(45px,6vw,92px);font-weight:400;line-height:.98;letter-spacing:-.05em;margin:20px 0}.game p{max-width:520px;font-size:18px;line-height:1.6;color:var(--muted)}.about{padding:11vw 5vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;position:relative}.about h2{font-size:clamp(48px,6vw,88px)}.about>div:nth-child(2){padding-top:55px;font-size:20px;line-height:1.65;color:var(--muted)}.words{grid-column:1/-1;margin-top:8vw;font-size:clamp(30px,6vw,85px);letter-spacing:-.04em;white-space:nowrap}.words span{color:var(--accent)}.closing{min-height:72vh;background:#171716;color:#f3f0e9;padding:10vw 5vw;display:flex;flex-direction:column;justify-content:center}.closing p{font-size:12px;letter-spacing:.18em;margin-bottom:45px}.closing h2{font-size:clamp(60px,9vw,140px)}footer{background:#171716;color:#a8a59e;border-top:1px solid #383734;padding:30px 5vw;display:flex;gap:30px;font-size:12px}footer a:nth-child(2){margin-left:auto}footer a:hover{color:white}@media(max-width:800px){header{height:72px}.brand{font-size:11px}nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:18vw}.art{height:390px;margin-top:20px}.orb.a{width:210px;height:210px}.orb.b{width:125px;height:125px}.game,.game.reverse{grid-template-columns:1fr;padding:14vw 0;gap:45px}.game.reverse img{order:0}.game img{width:75%}.about{grid-template-columns:1fr}.about>div:nth-child(2){padding-top:0}.words{white-space:normal}footer{flex-wrap:wrap}footer a:nth-child(2){margin-left:0}.hero .lead{font-size:17px}}