@charset "UTF-8";
:root{color-scheme:dark;--ink:#111018;--ivory:#eee9df;--muted:#b1acbb;--line:#ffffff24;--violet:#b9a0e7;--width:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--violet);outline-offset:7px}img{display:block;max-width:100%}::selection{background:#63547d;color:white}.skip{position:absolute;left:20px;top:-80px;background:var(--ivory);color:var(--ink);padding:12px;z-index:10}.skip:focus{top:12px}.header,.footer{max-width:var(--width);margin:auto;padding:32px 0;display:flex;justify-content:space-between;align-items:center}.header{position:relative;z-index:2;width:88%}.brand{display:inline-flex;flex-shrink:0;align-items:center;gap:13px;font-size:13px;letter-spacing:.23em}.brand .brand-wordmark{width:110px;height:auto}.header nav{display:flex;gap:34px;font-size:12px;letter-spacing:.04em}.header nav a{white-space:nowrap}.header nav a,.footer>a:last-child{transition:color .2s}.header nav a:hover,.footer>a:last-child:hover{color:var(--violet)}.hero{position:relative;min-height:720px;height:calc(100svh - 96px);max-height:1000px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-center{position:relative;z-index:1;text-align:center;margin-top:-40px;padding:30px 6%}.hero-glyph{margin:0 auto 38px;width:140px;height:140px;filter:drop-shadow(0 0 32px #bba6de25)}.overline{font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.2em;line-height:1.8;margin:0 0 23px;color:var(--muted)}.hero h1{max-width:860px;line-height:1;margin:8px auto 32px}.hero h1 img{width:100%;height:auto}.positioning{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2.4vw,32px);margin:0;line-height:1.4}.hero-bottom{position:absolute;bottom:40px;left:6%;right:6%;display:flex;align-items:end;justify-content:space-between;font-size:12px;line-height:1.8;color:var(--muted);z-index:1}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:9px;border-bottom:1px solid #eee9df70;font-size:12px;line-height:1.7;color:var(--ivory)}.text-link:hover{color:var(--violet);border-color:var(--violet)}.text-link span{font-size:19px;line-height:1}.celestial{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 51% 48%,#5c41642e 0,transparent 53%),radial-gradient(ellipse at 63% 10%,#45405b1f 0,transparent 50%)}.halo{position:absolute;width:600px;height:600px;left:50%;top:41%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 -20px 90px #a686c20a,inset 0 1px 1px #dac6ec0c;border:1px solid #d5c6dd09}.orbit{position:absolute;width:1000px;height:510px;left:50%;top:38%;border:1px solid #c8b7e710;border-radius:50%;transform:translate(-50%,-50%) rotate(-26deg)}.orbit-two{width:830px;height:800px;transform:translate(-50%,-50%) rotate(36deg);border-color:#c8b7e708}.star{position:absolute;width:3px;height:3px;background:#e2d7ee;box-shadow:0 0 12px #bc96ef;border-radius:50%}.star-one{left:16%;top:24%}.star-two{left:82%;top:36%}.star-three{left:68%;top:12%;width:2px;height:2px}.star-four{left:31%;top:68%;opacity:.5}.section{width:88%;max-width:var(--width);margin:auto;padding:96px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.section-head h2{margin:0}.quiet{color:var(--muted);font-size:12px;line-height:1.8}.project-image{position:relative;display:block;overflow:hidden;aspect-ratio:2.12;background:#0a1416}.project-image picture,.project-image img{width:100%;height:100%;object-fit:cover}.project-image img{transition:transform 1.5s ease}.project-image:hover img{transform:scale(1.025)}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07101380,transparent 40%)}.image-label,.image-arrow{position:absolute;bottom:27px;z-index:1}.image-label{left:30px;font-size:9px;letter-spacing:.19em}.image-arrow{right:30px;font-size:26px}.project-detail{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;padding:32px 0 0}.project-detail .overline{font-size:9px;margin-bottom:13px}h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3vw,43px);font-weight:400;line-height:1.25;margin:0 0 12px}.project-tagline{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.project-copy{max-width:390px;justify-self:end}.project-copy>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 25px}.about,.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1.25fr 1fr;gap:60px}.about h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(32px,4.5vw,60px);line-height:1.15;margin:0}.about-copy p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 24px}.about-copy .lead{color:var(--ivory);font-size:20px;line-height:1.65}.about-copy .name-note{font-size:12px;max-width:400px;margin-top:35px}.contact{padding:65px 0 80px}.contact h2{font-size:clamp(28px,3vw,42px)}.contact-copy{padding-top:10px}.contact-copy>p:first-child{font-size:14px;color:var(--muted);margin:0 0 16px}.contact-address{margin:13px 0 0}.footer{width:88%;border-top:1px solid var(--line);gap:24px;padding:30px 0 38px}.footer p,.footer>a:last-child{font-size:10px;color:var(--muted)}
@media(min-width:1500px){.hero-bottom{left:max(6%,calc((100% - 1280px)/2));right:max(6%,calc((100% - 1280px)/2))}}@media(max-width:700px){.header{padding:22px 0}.brand{font-size:11px;gap:9px;letter-spacing:.18em}.brand>img:first-child{width:25px;height:25px}.brand .brand-wordmark{width:95px;height:auto}.header nav{gap:17px;font-size:11px}.hero{min-height:620px;height:calc(92svh - 70px)}.hero-center{margin-top:-58px}.hero-glyph{width:110px;height:110px;margin-bottom:35px}.hero-center>.overline{font-size:8px;letter-spacing:.14em}.hero h1{margin-bottom:25px}.positioning{font-size:21px;max-width:280px;margin:auto}.hero-bottom{bottom:30px;align-items:start;flex-direction:column;gap:20px;font-size:11px}.hero-bottom p{margin:0}.halo{width:400px;height:400px}.section{padding:60px 0}.project-image{aspect-ratio:1.4}.project-detail,.about,.contact{grid-template-columns:1fr;gap:28px}.project-copy{justify-self:start;max-width:none}.image-label{left:18px;bottom:18px;font-size:8px}.image-arrow{right:18px;bottom:18px}.project-detail{padding-top:26px}.about-copy .lead{font-size:18px}.about-copy .name-note{margin-top:24px}.contact{padding-bottom:60px}.footer{flex-wrap:wrap;justify-content:space-between;padding-top:25px}.footer p{flex-basis:100%;order:3;margin:0}.footer>a:last-child{font-size:10px}.section-head{margin-bottom:20px}.section-head .quiet{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.game-contact{font-size:14px;color:var(--muted);margin:32px 0 16px}
.contact-copy>a[href="mailto:contact@citlume.com"]{display:inline-block;padding:10px 0;min-height:44px}
.contact-copy>a[href="mailto:contact@citlume.com"] span{margin-left:30px}

@media(max-width:360px){.header{gap:10px}.brand .brand-wordmark{width:80px}.header nav{gap:12px;font-size:10px}}

/* A single, quiet arrival in the decorative sky; the logo and copy stay still. */
@keyframes celestial-drift{from{transform:translate(calc(-50% - 3px),calc(-50% + 2px)) rotate(-26.6deg)}to{transform:translate(-50%,-50%) rotate(-26deg)}}
@keyframes celestial-settle{from{opacity:.82}to{opacity:1}}
@keyframes celestial-starlight{from{opacity:.72}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
.celestial .orbit-one{animation:celestial-drift 4.8s cubic-bezier(.2,.65,.35,1) both}
.celestial .halo{animation:celestial-settle 4.8s ease-out both}
.celestial .star-one,.celestial .star-two{animation:celestial-starlight 4.8s ease-out both}
}