body.gallery #gallery{opacity:1;transform:translateY(0);pointer-events:auto} .hero{text-align:center;max-width:900px;margin:0 auto 30px;padding-top:20px} .hero .label{font-family:"JetBrains Mono",monospace;letter-spacing:.5em; font-size:10px;color:#ffb070;text-transform:uppercase;margin-bottom:18px;opacity:.9} .hero h1{font-family:"Playfair Display","Iowan Old Style",Georgia,serif; font-size:clamp(38px, 6vw, 76px);line-height:1.05;letter-spacing:-.02em; color:#fff;margin:0 0 12px;font-weight:400} .hero p{font-size:16px;line-height:1.65;color:#cfc1a8;max-width:640px; margin:14px auto 0;letter-spacing:.005em} .hero .sig{display:flex;gap:24px;margin-top:30px;flex-wrap:wrap;justify-content:center; font-family:"JetBrains Mono",monospace;letter-spacing:.22em; font-size:9.5px;color:#8a7a64;text-transform:uppercase} .hero .sig div{display:flex;flex-direction:column;align-items:center;gap:3px} .hero .sig b{color:#fff;font-size:13px;letter-spacing:.12em;font-weight:600;font-family:inherit} .piece{position:relative} .piece .num{position:absolute;top:-26px;left:0; font-family:"JetBrains Mono",monospace; letter-spacing:.32em;color:#8a7a64;font-size:10.5px;text-transform:uppercase} .piece .num b{color:#ffb070} .piece .row{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start} .piece .row.reverse{grid-template-columns:320px minmax(0,1fr)} .piece .row.reverse .meta{order:1} .piece .row.reverse .imgwrap{order:2} .imgwrap{position:relative;background:#000;border:1px solid rgba(255,160,80,.18); box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 1px rgba(255,140,70,.10); overflow:hidden;cursor:zoom-in; transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;aspect-ratio:1/1} .imgwrap.wide{aspect-ratio:24/10} .imgwrap:hover{transform:translateY(-2px); box-shadow:0 40px 100px rgba(0,0,0,.6), 0 0 0 1px rgba(255,160,80,.25)} .imgwrap svg{display:block;width:100%;height:100%} .imgwrap .tag{position:absolute;top:14px;left:14px; font-family:"JetBrains Mono",monospace;letter-spacing:.32em;font-size:8.5px;font-weight:600; color:#fff;background:rgba(0,0,0,.6);padding:5px 9px; border:1px solid rgba(255,255,255,.25);text-transform:uppercase;backdrop-filter:blur(3px)} .piece .meta h2{font-family:"Playfair Display","Iowan Old Style",Georgia,serif; font-size:32px;letter-spacing:-.012em;color:#fff;line-height:1.15;margin:0 0 6px;font-weight:400} .piece .meta .sub{font-family:"JetBrains Mono",monospace; letter-spacing:.32em;font-size:9px;color:#ffb070;text-transform:uppercase;margin-bottom:14px} .piece .meta p{font-size:14.5px;line-height:1.65;color:#bdb29a;margin:0 0 14px} .piece .meta .specs{margin-top:18px;border-top:1px solid rgba(255,160,80,.18); padding-top:14px;font-family:"JetBrains Mono",monospace; font-size:9px;letter-spacing:.22em;color:#8a7a64;text-transform:uppercase;line-height:1.8} .piece .meta .specs .k{color:#ffb070} .piece .meta .specs .v{color:#fff;margin-left:8px} footer{padding:50px 32px 40px 80px;border-top:1px solid rgba(255,160,80,.18); display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap; font-family:"JetBrains Mono",monospace;letter-spacing:.28em; font-size:9.5px;color:#8a7a64;text-transform:uppercase} footer a{color:#ffb070;text-decoration:none} footer a:hover{color:#fff} /* ============ LIGHTBOX ============ */ #lb{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:300; display:flex;align-items:center;justify-content:center;padding:36px; opacity:0;pointer-events:none;transition:opacity .25s ease;backdrop-filter:blur(8px)} #lb.on{opacity:1;pointer-events:auto} #lb .frame{max-width:96vw;max-height:90vh;display:flex;align-items:center;justify-content:center} #lb svg{max-width:96vw;max-height:90vh;display:block} #lb .close{position:absolute;top:24px;right:24px;color:#fff;cursor:pointer; font-family:"JetBrains Mono",monospace;letter-spacing:.32em; font-size:10px;text-transform:uppercase;background:rgba(0,0,0,.5); padding:8px 14px;border:1px solid rgba(255,255,255,.3)} /* ============ MOBILE OVERRIDES ============ */ body.is-mobile nav.spine{width:38px} body.is-mobile nav.spine .brand{padding:10px 0 8px;font-size:10px} body.is-mobile nav.spine a{padding:14px 0;letter-spacing:.32em;font-size:9.5px;gap:10px} body.is-mobile nav.spine a .n{font-size:7px} body.is-mobile .hud-tl{left:52px;top:10px} body.is-mobile .hud-tr{right:12px;top:10px} body.is-mobile .hud-br{right:12px;bottom:10px} body.is-mobile .hud{font-size:8.5px;letter-spacing:.18em} body.is-mobile .hud .big{font-size:9.5px;letter-spacing:.24em} body.is-mobile .corner{width:10px;height:10px} body.is-mobile .corner.c-tl,body.is-mobile .corner.c-bl{left:44px} body.is-mobile #splash{padding:60px 16px 60px 50px} body.is-mobile .wordmark{font-size:42px;letter-spacing:.28em} body.is-mobile .tag{font-size:9.5px;letter-spacing:.4em;margin-bottom:24px} body.is-mobile .form{padding:22px 18px 20px} body.is-mobile .form .heading{font-size:10px;letter-spacing:.22em} body.is-mobile .form .row,body.is-mobile .form .row3{grid-template-columns:1fr;gap:10px} body.is-mobile .submit{padding:13px;font-size:10.5px;letter-spacing:.28em} body.is-mobile .privacy{font-size:9px;letter-spacing:.16em} body.is-mobile #gallery{padding:60px 14px 50px 50px;gap:54px} body.is-mobile .piece .row,body.is-mobile .piece .row.reverse{grid-template-columns:1fr;gap:20px} body.is-mobile .piece .row.reverse .meta{order:2} body.is-mobile .piece .row.reverse .imgwrap{order:1} body.is-mobile .piece .meta h2{font-size:24px} body.is-mobile .piece .meta .sub{font-size:8.5px;letter-spacing:.22em} body.is-mobile .piece .meta p{font-size:13.5px} body.is-mobile footer{padding:30px 14px 28px 50px;flex-direction:column;align-items:flex-start;gap:8px;font-size:8.5px}

STRAND · RELATIONSHIP COLLECTION

BETA · SYNASTRY ALIGNMENT

—

—

05 / 06

▸ COLLECTION 03 · RELATIONSHIP

STRAND

ALIGN YOUR SKIES

your birth data never leaves this page
every chart computed in your browser · no upload · no storage

CASTING THE SKY

COMPUTING JULIAN DATE…

RELATIONSHIP COLLECTION · FIVE VIEWS OF A CONNECTION

The collision of two skies.

Each piece merges the exact astronomical configurations of two individuals. We compute both birth moments, translating them into unified visual forms that reveal shared alignments, intersecting paths, and synchronous rhythms.

PERSON A

—BIRTH DATE

PERSON B

—BIRTH DATE

PIECE I / V

STYLE I

The Constellation

SKY OVERHEAD AT YOUR BIRTH

The actual stars visible above your birthplace at the exact moment you arrived — projected stereographically from horizon to zenith. The sun, moon, and visible planets are marked. The horizon circle forms the boundary; cardinal directions are noted along the rim.

PIECE II / V

STYLE II

The Mosaic

BIRTH CHART WHEEL

A stained-glass treatment of the classical astronomical wheel. Ten celestial bodies plotted by ecliptic longitude across twelve equal sectors; the geometric aspects between them — conjunctions, oppositions, trines — drawn as lines through the centre. A medieval cosmogram, generated from your exact moment.

PIECE III / V

STYLE III

The Tree of Life

CONCENTRIC TIME RINGS

Five nested rings, each a different scale of time wrapping around the moment you arrived. The outermost ring is your position in the year; the inner rings narrow inward through the lunar month, day phase, and hour. Each ring is marked at your birth.

PIECE IV / V

STYLE IV

The Radial Burst

PLANETARY RAYS

Each visible planet at your birth sends a single ray outward from the sun at its centre. The length of each ray is its distance in astronomical units; the curve of each ray traces its ecliptic longitude. Together they form a momentary fingerprint of the solar system.

PIECE V / V

STYLE V

The Lifeline

SOLAR & LUNAR ELEVATION CURVE

The shape of your first day. Two curves trace the elevation of the sun and the moon across the 24 hours after your birth, as seen from your birthplace. A vertical line marks the precise moment of arrival. Day, twilight, and night appear as bands behind the curves.

CLOSE ✕