@import url(‘
https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Inter:wght@400;500;600;700&display=swap’);
.rd-page{font-family:’Inter’,-apple-system,sans-serif;color:#14111C;line-height:1.5}
.rd-page *{box-sizing:border-box}
.rd-page .rd-section{padding:96px 32px;width:100%}
.rd-page .rd-inner{max-width:880px;margin:0 auto}
.rd-page .rd-inner-wide{max-width:1200px;margin:0 auto}
.rd-page .rd-inner-narrow{max-width:760px;margin:0 auto}
.rd-page .rd-eyebrow{font-family:’Inter’,sans-serif;font-size:13px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;margin:0 0 8px}
.rd-page .rd-h1{font-family:’Fraunces’,Georgia,serif;font-size:clamp(44px,6vw,68px);font-weight:600;line-height:1.08;letter-spacing:-0.01em;margin:0;color:#2B1E44}
.rd-page .rd-h2{font-family:’Fraunces’,Georgia,serif;font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.15;margin:0;color:#2B1E44}
.rd-page .rd-h3{font-family:’Fraunces’,Georgia,serif;font-size:22px;font-weight:600;line-height:1.25;margin:0;color:#2B1E44}
.rd-page .rd-lede{font-family:’Inter’,sans-serif;font-size:19px;line-height:1.55;margin:24px 0 0}
.rd-page .rd-body{font-family:’Inter’,sans-serif;font-size:18px;line-height:1.6;margin:16px 0 0}
.rd-page .rd-quote{font-family:’Fraunces’,Georgia,serif;font-size:clamp(20px,2.4vw,24px);font-style:italic;line-height:1.5;margin:0}
.rd-page .rd-btn{display:inline-block;background:#67B87A;color:#fff;font-family:’Inter’,sans-serif;font-weight:600;font-size:16px;padding:16px 28px;border-radius:999px;text-decoration:none;transition:transform .15s ease,background .15s ease}
.rd-page .rd-btn:hover{background:#56a368;transform:translateY(-1px)}
.rd-page .rd-btn-lg{font-size:17px;padding:18px 32px}
.rd-page .rd-link{color:#2E6F86;text-decoration:underline;font-weight:500}
.rd-page .rd-link-green{color:#67B87A;text-decoration:none;font-weight:600}
.rd-page .rd-link-green:hover{text-decoration:underline}
.rd-page .rd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.rd-page .rd-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rd-page .rd-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:880px){.rd-page .rd-grid-3,.rd-page .rd-grid-2{grid-template-columns:1fr}}
.rd-page .rd-card{padding:28px;border-radius:14px}
.rd-page .rd-card-purple{background:rgba(244,235,221,0.06);border:1px solid rgba(165,61,124,0.4);color:#F4EBDD}
.rd-page .rd-card-cream{background:#FFF8EC;border-radius:14px;padding:28px}
.rd-page .rd-card-sand{background:#F4EBDD;border-radius:14px;padding:32px 28px}
.rd-page .rd-tag{font-family:’Inter’,sans-serif;font-size:12px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:#A53D7C;margin:0}
.rd-page .rd-quote-card{font-family:’Fraunces’,Georgia,serif;font-size:17px;font-style:italic;line-height:1.45;margin:10px 0 0;color:#F4EBDD}
.rd-page .rd-card-body{font-family:’Inter’,sans-serif;font-size:15px;line-height:1.55;margin:14px 0 0;color:rgba(244,235,221,0.82)}
.rd-page .rd-card-cta{font-family:’Inter’,sans-serif;font-size:14px;font-weight:600;color:#67B87A;margin:14px 0 0}
.rd-page .rd-trust{font-family:’Inter’,sans-serif;font-size:14px;font-style:italic;color:rgba(20,17,28,0.72);margin:48px 0 0}
.rd-page .rd-tagline{font-family:’Fraunces’,Georgia,serif;font-size:14px;font-style:italic;font-weight:500;color:#A53D7C;margin:12px 0 0}
.rd-page .video-tile{aspect-ratio:16/9;background:linear-gradient(135deg,#2B1E44 0%,#A53D7C 100%);border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;color:#F4EBDD;font-family:’Inter’,sans-serif;font-size:14px;font-style:italic;text-align:center;padding:16px}
.rd-page .world-card{background:#FFF8EC;border-radius:14px;overflow:hidden}
.rd-page .world-card-body{padding:20px 24px 24px}
.rd-page .center{text-align:center}
Worlds · Pieces · Spaces · Stories
Things I’ve built. The journey behind each one.
Short clips of VR worlds, immersive pieces, and community spaces. Click any clip for the full build story — the why, the how, the people who shaped it, and what it taught me about doing this work in public.
Drop your world clip 1 here.
Edit this page → Replace this with a Video block.
World · Year
[World 1 — Title]
One or two lines describing what this is and what it taught you about doing this work.
Learn more →
Drop your world clip 2 here.
Edit this page → Replace this with a Video block.
World · Year
[World 2 — Title]
One or two lines describing what this is and what it taught you about doing this work.
Learn more →
Drop your piece clip 3 here.
Edit this page → Replace this with a Video block.
Piece · Year
[Piece 3 — Title]
One or two lines describing what this is and what it taught you about doing this work.
Learn more →
Drop your piece clip 4 here.
Edit this page → Replace this with a Video block.
Piece · Year
[Piece 4 — Title]
One or two lines describing what this is and what it taught you about doing this work.
Learn more →
Drop your space clip 5 here.
Edit this page → Replace this with a Video block.
Space · Year
[Space 5 — Title]
One or two lines describing what this is and what it taught you about doing this work.
Learn more →
Drop your space clip 6 here.
Edit this page → Replace this with a Video block.
Space · Year
[Space 6 — Title]
One or two lines describing what this is and what it taught you about doing this work.
Learn more →
ruthdiaz.world 